2011-06-20 10 views
0

これは私のコードです:このGoogleマップが読み込まれないのはなぜですか?

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>  
<script type="text/javascript"> 
    function load() { 
     if (GBrowserIsCompatible()) { 
      var map; 
      var location = new google.maps.LatLng(46.084989, 11.118851); 

      var stylez = 
      [ 
       { 
        featureType: "all", 
        elementType: "all", 
        stylers: [ 
        { saturation: -98 } 
       ] 
       } 
      ]; 

      var mapOptions = { 
       zoom: 11, 
       center: location, 
       mapTypeControlOptions: { 
        mapTypeIds: [google.maps.MapTypeId.ROADMAP, 'myScale'] 
       } 
      }; 

      map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions); 
      var mapType = new google.maps.StyledMapType(stylez, { name: "Grayscale" }); 
      map.mapTypes.set('myScale', mapType); 
      map.setMapTypeId('myScale')   
     } 
    } 

    $(document).ready(function(){ 
     load(); 
    }); 
</script> 


<div id="map_canvas" style="width: 100%; height: 700px"></div> 

が、何もロードされません。どこが間違っていますか? GBrowserIsCompatible()を削除すると動作しますが、場所を認識しません。

+0

すべてのコードですか? jQuery関数を使用しようとしているため、ロードされたjQueryライブラリが表示されませんでした – eveevans

答えて

2

Map API V2は廃止予定です。V3を使用してください。 GBrowserIsCompatible()を削除した場合、マップは目的の座標の中央に配置されます。より良いあなたが私はあなたがそのバージョンでサポートされていません)GmapsのAPI V3とGBrowserIsCompatibleを(使用しようとしていると考えマーカー

var marker = new google.maps.Marker({ 
    position: location, 
    map: map, 
    title:"My location title" 
}); 
2

を使用することができた場所を強調するために

。この機能を使用するには、API V2を使用する必要があります。

<script src="http://maps.google.com/mapsfile=api&amp;v=2&amp;key=abcdefg&sensor=true" type="text/javascript"></script> 
関連する問題