Почему не загружаются эти карты Google?

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

Я думаю, что вы пытаетесь использовать Gmaps API V3, а GBrowserIsCompatible () не поддерживается этой версией.Для использования этой функциональности вам необходимо использовать API V2.

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

Answer 2

Карта API V2 устарела, используйте V3. Если вы удалите GBrowserIsCompatible (), он будет работать, и карта будет центрирована по вашим желаемым координатам.

Чтобы лучше выделить место, вы можете использовать маркер

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