API Карт Google v3 | нет данных карты

Я программирую небольшое приложение javascript для нашего местного дома пожарных. Приложение немного похоже на powerpoint и т. Д., Но в html. В этом приложении я бы показал карту карт Google с маршрутом, который показывает путь от дома пожарного домой к огню. Я использую jquery для запроса данных с http-сервера.

Моя проблема в том, что я вставил код для google maps api, и браузер показывает мне объект карт с логотипом google и так далее. Но нет карты, есть только серый фон. С мышью кажется, что я могу увеличивать / уменьшать масштаб, прокручивать и т. Д. На карте (если я взаимодействую, в firebug приходит datatransfers для google api), но карты там не было.

Мои персональные карты api key вставлены, и если я удалю его, плагин покажет сбой. Поэтому я думаю, что это не проблема.

есть ли проблема с jquery и картами api? Кто-нибудь еще сталкивается с этой проблемой?

          function initialize() { var mapOptions = { center: new google.maps.LatLng(50.98188, 6.78655), zoom: 8, mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map(document.getElementById("map_canvas"),mapOptions); window.console.log("Position center: "+map.getCenter()+"\nZoom: "+map.getZoom()); map.setZoom(12); map.setCenter(new google.maps.LatLng(0, 0)); window.console.log("Position center: "+map.getCenter()+"\nZoom: "+map.getZoom()); }    

jQuery.getScript("./js/initialisation.js",function(){initialisation();}); initialize();

нет содержимого, потому что это все загружается во время выполнения с сервера поверх jquery и затем вставлено в dom.

См. Описание Майка Уильямса на картах с процентным размером из своего учебника v2

Вам нужно добавить определения ко всем родительским элементам карты, чтобы браузер мог вычислить ненулевой размер.

рабочий пример

            

Я не видел ничего явно неправильного, но это сработало для меня. Возможно, это просто проблема с CSS.

           

теперь все хорошо с картой. Спасибо за вашу помощь.

Теперь после отладки я знал, что раньше у меня были две проблемы в моем коде. 1. Процентная проблема с размером карты 2. Мои поля div, где определены с переполнением: скрытые. после того, как я удалил это объявление, теперь отображается полная карта.

Как в начале: Спасибо

В моем случае это была проблема со стилями, сначала я отключил их все, чтобы увидеть, что происходит, и потому, что на картах появились новые, они были ответственны. Затем я перевернул все стили и удалил строки за строкой, чтобы узнать, кто из них отвечает.

                   

попробуй это ….

  • API Карт Google: заголовок «Access-Control-Allow-Origin» отсутствует на запрошенном ресурсе
  • Не удается разрешить метод getMap ()
  • Удален API Google Maps V3 Infobox.js
  • Проложить маршруты с помощью API Карт Google v2
  • Показать текущее местоположение и соседние места и маршрут между двумя местами с помощью API Карт Google на Android
  • Приложение Google Maps API 3 fitBounds - убедитесь, что маркеры не скрыты с помощью наложенных элементов управления
  • API Карт Google - Получить координаты адреса
  • Карты Google, как показать город или план местности
  • Встраивание карт Google в приложение для Java-приложений
  • Как использовать MapView в android с помощью google map V2?
  • Google Maps, открыть информационное окно после щелчка по ссылке
  • Давайте будем гением компьютера.