Карта не отображается Google Maps API V3 - PullRequest
Новая
       0

Карта не отображается Google Maps API V3

6 голосов
/ 30 мая 2011

Код с API V3. 

function initialize ()
{
    if (GBrowserIsCompatible()) 
    { 
        var ch = new GLatLng (0,0);

        var myOptions = {
            zoom:7,
            center: ch,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        }

        map = new google.maps.Map(document.getElementById("map"), myOptions);

        directionsDisplay = new google.maps.DirectionsRenderer(map, document.getElementById("map"));
        directionsDisplay.setMap(map);                  
    }
}

Код с API V2. 

function initialize ()
{
     if (GBrowserIsCompatible()) 
     { 
         map = new GMap2 (document.getElementById("map"));
         map.setCenter (new GLatLng(0,0),1 );
     }
}

Код API V2 работал безупречно, код API V3 НЕТ отображать любую карту. Какой смысл мне не хватать?

EDIT Изменен код V3 следующим образом, но по-прежнему нет карт: 

var chicago = new google.maps.LatLng (0, 0);

var myOptions = {
    zoom:1,
    center: chicago,
    mapTypeId: google.maps.MapTypeId.ROADMAP
}

map = new google.maps.Map(document.getElementById("map"), myOptions);

Ответы [ 5 ]

13 голосов
/ 30 мая 2011

Убедитесь, что вы загружаете правильный API Карт Google, что у вас есть тег div с идентификатором карты и (для правильной оценки), что вы задали div и высоту и ширину. (Возможно, лучше указывать высоту и ширину в таблице стилей, но для ясности я включил их здесь.)

Вот веб-страница с вашим кодом редактирования. Попытайся. У меня работает. 

<html>
<head>
<title>Google Map test</title>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
</head>
<body>
<div id="map" style="height:500px;width:500px"></div>
<script>
var chicago = new google.maps.LatLng (0, 0);

var myOptions = {
    zoom:1,
    center: chicago,
    mapTypeId: google.maps.MapTypeId.ROADMAP
}

map = new google.maps.Map(document.getElementById("map"), myOptions);
</script>
</body>
</html>
1 голос
/ 30 мая 2011

В v3 нет GLatLng, замените его на google.maps.LatLng 

center: chicago,
1 голос
/ 30 мая 2011

В V3 все имена изменились. Например, GLatLng теперь google.maps.LatLng. Вам нужно будет пересмотреть свой код, чтобы использовать новые имена.

A ссылка на документы на случай, если у вас ее нет

0 голосов
/ 25 августа 2016

1 - убедитесь, что ключ API карты Google указан правильно.

2 - возможно, он не включен в консоли Google Map.

3 - ошибочно включен API местоположения вместо API карты.

0 голосов
/ 24 января 2014

У меня были те же симптомы, мои карты v2 не отображались с V3.Когда я просматриваю журналы консоли браузера, я вижу ошибку: Uncaught ReferencedError: GBrowserIsIncompatible не определено.

По Руководство по миграции с Google V2 на V3 , GBrowserIsIncompatible больше не поддерживается,Я не нашел альтернативы и просто удалил логику, связанную с этой функцией.Этот сайт предлагает просто удалить функцию .

. Я обнаружил другие проблемы с миграцией, которые рассматриваются в приведенной выше ссылке на Руководство по миграции Google.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...