javascript - 为什么谷歌地图没有加载？

Question

这是我的代码:

<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() 它可以工作，但无法识别位置。

Answer 1

map API V2 已弃用，请使用 V3。如果您删除 GBrowserIsCompatible() 它将起作用，并且 map 将以您想要的坐标为中心。

为了更好地突出显示您可以使用标记的位置

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