Карти 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 Maps більше не безкоштовні, але ви можете переключити свого постачальника карт. Вас може зацікавити OpenStreetMap, є простий спосіб її використання на своєму веб-сайті, описаному тут: https://handyman.dulare.com/switching-from-google-maps-to-openstreetmap/

На жаль, на OpenStreetMap не існує простого способу надання напрямків від однієї точки до іншої, також немає виду вулиці.

Для своїх цілей я застосував альтернативну https://www.openstreetmap.org/ .

Як рекомендується в коментарі, я використовував надбудову Chrome " Перевірка API платформи Google ", щоб визначити та вирішити проблему.

По суті, ця надбудова спрямовувала мене сюди, де я зміг увійти в 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

Також дивіться старі деталі ціни: Стара

Якщо ваш 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 map, Створіть її за допомогою цього методу .

Повідомте мене, чи допоможе це ..

Мені здається, що, коли він відображає "Тільки для цілей розробки", не можна бачити конфігурації карт також під час розвитку (а точніше, граючи з конфігураціями). У моєму випадку я не ввімкнув платежі бути пов'язаними з API, який я використовую, і я думаю, що це причина, чому його так поводиться.

Для мене помилка була виправлена ​​при активованому платежі в консолі google. (Я отримав однорічну пробну версію розробника)

Ви не можете використовувати тег iframe в HTML, ось що ви можете зробити:
* просто перейдіть на google maps, вкажіть своє місцезнаходження
* натисніть «Поділитися»
* перейдіть до «Вставити карту»
* скопіюйте HTML-код
* вставте його у свій HTML-сторінка
* регулюйте висоту та ширину відповідно до вашої вимоги
* запустіть її

Це може спрацювати