Карты 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>

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

Карты 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 и включите тот, который вам нужен.

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

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

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

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

В моих целях я использовал альтернативный https://www.openstreetmap.org/ .

Как было рекомендовано в комментарии, я использовал надстройку 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. Надеюсь, что это поможет кому-то решить проблему быстро!

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

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

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

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

Если 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

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

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

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

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

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

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

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