Mapy Google wyświetlają komunikat „Tylko do celów programistycznych”, gdy próbuję wyświetlić go na mojej stronie internetowej:

Jak mogę sprawić, by ta wiadomość zniknęła?

Mój kod wygląda tak:

<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>

Potem mam

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

Nie wiem, skąd pochodzi ta wiadomość.

Mapy Google nie są już bezpłatne. Musisz powiązać kartę kredytową, aby móc naliczyć opłatę, jeśli Twoja witryna ma żądania przekraczające 200 USD kredytu, które dają ci miesięcznie za darmo. Dlatego otrzymujesz mapy ze znakiem wodnym.

Więcej informacji można znaleźć pod adresem : https://cloud.google.com/maps-platform/pricing/

Aktualizacja: częstym problemem w nowym systemie rozliczeniowym jest to, że musisz teraz oddzielnie aktywować każdy interfejs API. Wszystkie mają różne ceny (niektóre są nawet bezpłatne), więc Google stara się, abyś włączał je indywidualnie dla swojej domeny. Nigdy nie byłem ciężkim użytkownikiem Map Google, ale mam wrażenie, że obecnie jest o wiele więcej interfejsów API niż kiedyś.

Jeśli więc po włączeniu rozliczeń nadal otrzymujesz komunikat o ograniczonym użytkowaniu, dowiedz się, jakiego interfejsu API potrzebujesz dokładnie do funkcji, które chcesz oferować, i sprawdź, czy jest włączony. Ustawienia API są irytująco trudne do znalezienia.

1. Przejdź do tego linku: https://console.developers.google.com/apis/dashboard .
2. Następnie wybierz swój projekt z listy rozwijanej.
3. Przejdź do biblioteki w lewym okienku.
4. Przejrzyj dostępne interfejsy API i włącz ten, którego potrzebujesz.

Znak wodny  „tylko do celów programistycznych ” jest zwracany, gdy spełniony jest którykolwiek z poniższych warunków:

1. W żądaniu brakuje klucza API.
2. Płatności nie zostały włączone na Twoim koncie.
3. Podana metoda płatności jest nieprawidłowa (na przykład wygasła karta kredytowa).
4. Przekroczono ustalony przez siebie dzienny limit.

Jak napisała Victoria, Mapy Google nie są już bezpłatne, ale możesz zmienić dostawcę map. Możesz być zainteresowany OpenStreetMap, istnieje łatwy sposób korzystania z niego na swojej stronie opisany tutaj: https://handyman.dulare.com/switching-from-google-maps-to-openstreetmap/

Niestety w OpenStreetMap nie ma łatwego sposobu na podanie wskazówek dojazdu z jednego punktu do drugiego, nie ma też widoku ulicy.

Do moich celów użyłem alternatywnego https://www.openstreetmap.org/ .

Zgodnie z zaleceniem w komentarzu, użyłem narzędzia „ Google Maps Platform API Checker dodatku Chrome ”, aby zidentyfikować i rozwiązać problem.

Zasadniczo ten dodatek skierował mnie tutaj gdzie mogłem zalogować się do Google i utworzyć darmowy klucz API.

Później zaktualizowałem JavaScript i natychmiast rozwiązałem ten problem.

Stary JavaScript: ... script src = "https://maps.googleapis.com/maps/api/js?v=3" ...

Zaktualizowano Javascript: ... script src = "https://maps.googleapis.com/maps/api/js?key=*****GOOGLE API KEY ****** & v = 3" ...

Następnie dodatek zweryfikował wywołanie JS API. Mam nadzieję, że pomoże to komuś szybko rozwiązać problem!

Teraz mapy Google są bezpłatne tylko do programowania.

Jeśli chcesz korzystać z mapy za darmo, tak jak wcześniej, utwórz konto z ważnymi danymi (rozliczenia, płatności itp.) Google przyznaje 200 USD MIESIĘCZNEGO KREDYTU, ODPOWIADAJĄCEGO DARMOWEMU WYKORZYSTANIU

Aby uzyskać więcej informacji, zobacz szczegóły dotyczące nowych cen w Google : mapa google nowe ceny

Zobacz także szczegóły starej ceny: Stara cena

Jeśli plik mapTypeId to SATELLITElubHYBRID

cóż, to tylko znak wodny, możesz go ukryć, jeśli zmienisz to <div>, z-index=100 czego używam

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

lub możesz użyć

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

ale nie jest tak czuły jak setInterval

Jeśli chcesz mieć bezpłatną, prostą mapę lokalizacji pokazującą pojedynczą zaznaczoną lokalizację dla Twojej witryny, to

• Przejdź do AddMap .
• Tutaj możesz wypełnić szczegóły, aby w pełni dostosować swoją mapę, takie jak szczegóły lokalizacji, rozmiar i formatowanie mapy.
• Na koniec, aby dodać klucz google map api, wygeneruj go za pomocą tej metody .

Daj mi znać, jeśli to pomogłoby ...

Wydaje mi się, że kiedy wyświetla "Tylko do celów programistycznych", nie widać również konfiguracji mapy podczas tworzenia (a raczej zabawy z konfiguracjami). W moim przypadku nie umożliwiłem powiązania rozliczeń z API, z którego korzystam i myślę, że to jest powód, dla którego tak się zachowuje.

U mnie błąd został naprawiony po aktywacji płatności w konsoli Google. (Mam roczną wersję próbną programisty)

Nie możesz używać tagu iframe w HTML, oto co możesz zrobić:
* po prostu przejdź do map Google i wskaż swoją lokalizację
* kliknij „Udostępnij”
* przejdź do „Umieść mapę”
* skopiuj kod HTML
* wklej go w Strona HTML
* dostosuj wysokość i szerokość zgodnie z wymaganiami
* uruchom ją

To może zadziałać