Google карты не показывает

13.05.2020, 16:16. Показов 494. Ответов 0

Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам

Первый раз сталкиваюсь с этим.
Собственно что сделал:
получил API ключ
вставил на сайте :

HTML5
1
<div id="map"></div>

JavaScript
1
2
3
4
5
6
7
8
9
10
11
 <script>
      var map;
      function initMap() {
        map = new google.maps.Map(document.getElementById('map'), {
          center: {lat: -34.397, lng: 150.644},
          zoom: 8
        });
      }
    </script>
    <script src="https://maps.googleapis.com/maps/api/js?key=***&callback=initMap"
    async defer></script>

В итоге пусто. Ни намека на карту, вообще ничего. Никаких ошибок в консоли
Я подумал что это из за того что запускаю на локальном сервере. Поэтому в настройках ключа указал Допустимы тип приложений - HTTP источники перехода (веб сайты) и вписал в Ограничения для веб-сайтов адрес из адресной строки браузера страницы на которой эта карта должна быть (работаю с МАМР) http://localhost/contacts.php

Я сделал что-то не так ? Или оно не может работать на локальном в принципе ?

IT_Exp

Эксперт

34794 / 4073 / 2104

Регистрация: 17.06.2006

Сообщений: 32,602

Блог

13.05.2020, 16:16

Ответы с готовыми решениями:

Новые Google Карты
Здравствуйте. Стал пользоваться сервисом Google "Новые Google Карты", и при встраивании кода в публикацию на сайте, в карте, слева...

Изменение размера окошка карты google maps
Добрый день! Есть скрипт: <script type="text/javascript"> function initialize() { var latlng = new google.maps.LatLng(<?php...

Google maps, при поиске по улице в Ставрополе, показывает на карте одноимённую улицу в Москве
Это фильтрация по адресу в уже найденном по городу. На карте до того как выполняется код ниже, показан Ставрополь. После повторного...

Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.

BasicMan

Эксперт

29316 / 5623 / 2384

Регистрация: 17.02.2009

Сообщений: 30,364

Блог

13.05.2020, 16:16

Помогаю со студенческими работами здесь

После снятия чексбокса метки не убираются с карты google map
в этом коде параметры буквенные я заменил чиловыми так как у меня в дб категории идут smallint, все координаты и метки выводяться на карту...

Google карта не показывает
идея такая пользователь может указать свое место положение нажав на кнопку google спрятана в style="display:none; карта почему-то не...

Изображение поверх карты Google
Здравствуйте. Мне необходимо отобразить картинку в определённых координатах поверх карты. Нашёл вот такой пример...

Скрипт влияет на отображение карты Google
Всех приветствую! Собственно, я пришла из раздела HTML/CSS. Проблема такая: google-карта, вставленная через iframe, отображает не ту...

Google maps API Динамическое изменение карты
Здравствуйте. Есть сервер, написанный на node.js и html страница на которой должна отображаться карта google. подскажите как передать...

Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:

Новые блоги и статьи Все статьи Все блоги /
Автоматическое создание документа при проведении другого документа Maks 29.03.2026 Реализация из решения ниже выполнена на нетиповых документах, разработанных в конфигурации КА2. Есть нетиповой документ "ЗаявкаНаРемонтСпецтехники" и нетиповой документ "ПланированиеСпецтехники". В. . .	Настройка движения справочника по регистру сведений Maks 29.03.2026 Решение ниже реализовано на примере нетипового справочника "ТарифыМобильнойСвязи" разработанного в конфигурации КА2, с целью учета корпоративной мобильной связи в коммерческом предприятии. . . .	Автозаполнение реквизита при выборе элемента справочника Maks 27.03.2026 Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .	Сумматор с применением элементов трёх состояний. Hrethgir 26.03.2026 Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .
Автозаполнение реквизитов при создании документа Maks 26.03.2026 Программный код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита,. . .	Команды формы и диалоговое окно Maks 26.03.2026 1. Команда формы "ЗаполнитьЗапчасти". Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. В качестве источника данных. . .	Кому нужен AOT? DevAlt 26.03.2026 Решил сделать простой ланчер Написал заготовку: dotnet new console --aot -o UrlHandler var items = args. Split(":"); var tag = items; var id = items; var executable = args;. . .	Отправка уведомления на почту при создании или изменении элементов справочника Maks 24.03.2026 Программная отправка письма электронной почты на примере типового справочника "Склады" в конфигурации БП3. Перед реализацией необходимо выполнить настройку системной учетной записи электронной. . .

Наверх