Карты Google показывают «Только для целей разработки»


155

Карты Google показывают сообщение «Только для целей разработки», когда я пытаюсь показать его на своей веб-странице:

введите описание изображения здесь

Как я могу заставить это сообщение исчезнуть?

Мой код такой:

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
<script type="text/javascript">
  function initialize() {  
    var myLatlng = new google.maps.LatLng(50.5792659,8.6744471);
    var centerMap = new google.maps.LatLng(50.5792659,8.6744471);
    var div = document.getElementById('map');
  }
</script>

Потом позже у меня

<p>
  <a
    href="https://www.google.com/maps/dir//50.5792659,8.6744471/@50.579266,8.674447,16z"
    target="_blank"
  >Route berechnen</a>
</p>

Я не вижу, откуда это сообщение.


6
Я знаю, что на эти вопросы уже дан ответ, но на тот случай, если вы не знали, существует инструмент под названием Проверка API Google Maps Platform для Google Chrome, который позволяет отлаживать интеграцию с Картами
Дайрон Галлардо

Ответы:


192

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

Для получения дополнительной информации см .: https://cloud.google.com/maps-platform/pricing/.

Обновление: общая проблема новой биллинговой системы заключается в том, что теперь вам нужно активировать каждый API отдельно. Все они имеют разные цены (некоторые даже бесплатны), поэтому Google считает необходимым, чтобы вы включили их индивидуально для своего домена. Я никогда не был активным пользователем Google Maps, но у меня возникает ощущение, что сейчас API гораздо больше, чем раньше.

Поэтому, если вы по-прежнему получаете сообщение об ограниченном использовании после включения биллинга, выясните, какой API вам нужен именно для тех функций, которые вы хотите предложить, и проверьте, включен ли он. Настройки API очень сложно найти.

  1. Перейдите по этой ссылке: https://console.developers.google.com/apis/dashboard .
  2. Затем вы выбираете свой проект в раскрывающемся списке.
  3. Перейти в библиотеку на левой панели.
  4. Просмотрите доступные API и включите тот, который вам нужен.

2
Цены на карте загружают --> developers.google.com/maps/documentation/embed/….
Ylama

Большое спасибо, вы спасли мой день. А для FYI, впервые связав свой аккаунт с Google, вы получите бесплатно 300 $.
Majorl3oat

1
Это займет пару дней, чтобы вступить в силу? Я сделал это пару дней назад, но все еще получаю сообщение на своих картах. Даже кликни вокруг и убедись, что я принял каждое соглашение ..... Я вижу, куда идет трафик на приборной панели
DigitalMystery

Нет, это обычно не занимает много времени. Мой опыт минут. Но вам может понадобиться включить разные API для работы вещей. Какое сообщение об ошибке вы получаете, @DigitalMystery?
Виктория Руис

Это на моем мобильном приложении. Сначала всплывающее окно «Эта страница не может правильно загрузить Google Maps». Нажмите OK, и на карте отобразится вышеуказанное сообщение. Я использую свой ключ, а ..... @VictoriaRuiz
DigitalMystery

36

Водяной знак, помеченный  « только в целях разработки », возвращается, если выполняется любое из следующих условий:

  1. В запросе отсутствует ключ API.
  2. Оплата не была включена в вашем аккаунте.
  3. Предоставленный метод оплаты недействителен (например, просроченная кредитная карта).
  4. Принудительный ежедневный лимит был превышен.

29

Как писала Виктория, Карты Google больше не являются бесплатными, но вы можете сменить поставщика карт. Вы можете быть заинтересованы в OpenStreetMap, есть простой способ использовать его на вашем сайте, описанном здесь: https://handyman.dulare.com/switching-from-google-maps-to-openstreetmap/

К сожалению, в OpenStreetMap нет простого способа указания маршрутов из одной точки в другую, а также нет просмотра улиц.


Как это сделать с помощью Angular 6?
Калянам Раджашри

1
я добавил открытую карту улиц по этой ссылке в jsfiddle: jsfiddle.net/nLj1uaqc
Эндрю


7

Как было рекомендовано в комментарии, я использовал надстройку Chrome « Google Maps Platform API Checker » для выявления и устранения проблемы.

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

После этого я обновил свой JavaScript, и он сразу решил эту проблему.

Старый JavaScript: ... script src = "https://maps.googleapis.com/maps/api/js?v=3" ...

Обновлен Javascript: ... script src = "https://maps.googleapis.com/maps/api/js?key=*****GOOGLE API KEY ****** & v = 3" ...

Затем надстройка проверила вызов API JS. Надеюсь, что это поможет кому-то решить проблему быстро!

введите описание изображения здесь


3

Теперь карты Google бесплатны только для разработки.

Если вы хотите использовать карту бесплатно, как и ранее, то создайте учетную запись с действительными данными (счета, платежи и т. Д.), Google дает $ 200 ЕЖЕМЕСЯЧНЫЙ КРЕДИТ, который эквивалентен бесплатному использованию.

Для получения более подробной информации, пожалуйста, смотрите новые данные о ценах Googles: Google Map New Priceing

Также смотрите старые детали цены: Старый


2

Если MapTypeId является SATELLITEилиHYBRID

ну, это просто водяной знак, вы можете скрыть его, если вы измените то, <div>что z-index=100 я использую

setInterval(function(){
    $("*").each(function() {
        if ($(this).css("zIndex") == 100) {
            $(this).css("zIndex", "-100");
        }
    })}
, 10);

или вы можете использовать

map.addListener('idle', function(e) {
    //same function
}

но это не так отзывчиво, как setInterval


что вы подразумеваете под "отзывчивым"?
Артем Бернацкий

быстрее, но не более эффективно
blesafho

Если эти методы работали один раз, они все равно не отображаются. Они выглядят так, как будто они запускают бесконечные циклы, а Google просто шлепает то, что вы сделали.
Носадзимики

Этот метод не будет работать, так как Google использует другой набор изображений с водяным знаком, размещенным непосредственно на плитке карты, например: maps.googleapis.com/maps/…
syntagma

1

Если вы хотите бесплатную простую карту местоположения, показывающую одно отмеченное местоположение, для вашего сайта, тогда

  • Перейти к AddMap .
  • Здесь вы можете заполнить детали, чтобы полностью настроить свою карту, такую ​​как детали местоположения, размеры и форматирование карты.
  • Наконец, чтобы добавить ключ API карты Google, сгенерируйте его с помощью этого метода .

Дайте мне знать, если это поможет ..


0

Мне кажется, что, когда он отображает «Только для целей разработки», вы не можете видеть конфигурации карт во время разработки (или, скорее, играть с этими конфигурациями). В моем случае я не включил выставление счетов за привязку к используемому API, и я думаю, что именно поэтому он так себя ведет.


0

Для меня исправлена ​​ошибка при активации биллинга в гугл консоли. (Я получил 1-летнюю пробную версию для разработчиков)


-5

Вы не можете использовать тег iframe в HTML, вот что вы можете сделать:
* просто зайдите в карты Google и укажите свое местоположение
* нажмите "Поделиться"
* перейдите к "Вставить карту"
* скопируйте код HTML
* вставьте его в свой HTML страница
* отрегулируйте высоту и ширину в соответствии с вашими требованиями
* запустите

Это может сработать

Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.