javascript - 为什么未加载此Google map ？

这是我的代码：

<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（）可以，但是无法识别位置。

最佳答案

Map API V2已不推荐使用V3。如果删除GBrowserIsCompatible（），它将起作用，并且地图将以所需的坐标为中心。

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

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

关于javascript - 为什么未加载此Google map ？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/6414093/