Карта Google не отображается - PullRequest
3 голосов
/ 18 октября 2010

Мне нужно реализовать на моей карте страницы php. У меня есть контейнер <div id="map"></div>, который находится внутри другого div, и я помещаю этот код в тег <head>, но он не отображается вообще. Кто-нибудь может мне помочь?

<script type="text/javascript" src="javascript/jquery-1.4.3.js"></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
(function() {
    window.onload = function() {
        var mapDiv = document.getElementById('map');
        var latlng = new google.maps.LatLng(37.09, -95.71);
        var options = {
            center: latlng,
            zoom: 4,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        var map = new google.maps.Map(mapDiv, options);
    }
})();​
</script>

Ответы [ 5 ]

12 голосов
/ 18 октября 2010

Вы указали размер для вашего div?Например:

<div id="map" style="width: 300px; height: 300px;"></div>

Если это не сработает, возможно, вам придется опубликовать фрагмент вашего HTML и CSS ..

4 голосов
/ 20 октября 2010

У меня было что-то подобное, и все, что мне нужно было сделать, это использовать код соответствия jquery.jQuery (документ) .ready (function ($) {$ (function () {// Ваш код карты здесь.});});

1 голос
/ 18 октября 2010

Ваш код работает для меня, хотя последняя строка, когда вы закрывали эту анонимную функцию, выдавала мне ошибку, как будто вы использовали какой-то недопустимый символ, поэтому мне пришлось перепечатать его.Как только я это сделал, он отлично работал, показывая дорожную карту всех Соединенных Штатов.Кроме этого возможного недопустимого символа, вы также можете попробовать:

  1. , указав вашему элементу #map высоту и ширину, иначе он не будет виден.(document) .ready (), поэтому он выполняется только тогда, когда документ готов.
  2. вы говорите, что включаете свои скрипты в тег head вашего документа, но, возможно, вам следует попытаться поместить их в конецтело, чтобы ускорить загрузку.

Надеюсь, что помогает.

0 голосов
/ 07 ноября 2016

Если кто-либо использует код карты Google из javascript или jquery или любого языка, Он / она должен использовать для локального хоста https://localhost/test/ или на сервере https://example.com.

Означает использование защищенного URL, например https

0 голосов
/ 18 октября 2010

Проверьте правильность вашего HTML и декларации doctype.Это была проблема в нескольких Google Maps, которые я настроил.

См. this

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