Google Maps mostra il messaggio "Solo a scopo di sviluppo" quando provo a mostrarlo nella mia pagina Web:

Come potrei far sparire questo messaggio?

Il mio codice è così:

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

Poi dopo ho

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

Non vedo da dove provenga questo messaggio.

Google Maps non è più gratuito. Devi associare una carta di credito in modo da poter ricevere fatture se il tuo sito ha richieste che superano il credito di $ 200 che ti danno mensilmente gratuitamente. Ecco perché ottieni le mappe con filigrana.

Per ulteriori informazioni, consultare: https://cloud.google.com/maps-platform/pricing/

Aggiornamento: un problema comune con il nuovo sistema di fatturazione è che ora devi attivare ciascuna API separatamente. Hanno tutti prezzi diversi (alcuni sono anche gratuiti), quindi Google punta a farli abilitare individualmente per il tuo dominio. Non sono mai stato un grande utente di Google Maps, ma ho la sensazione che ora ci siano molte più API di quante ce ne fossero prima.

Quindi, se ricevi ancora un messaggio di utilizzo limitato dopo aver abilitato la fatturazione, scopri quale API ti serve esattamente per le funzionalità che desideri offrire e controlla se è abilitato. Le impostazioni dell'API sono fastidiosamente difficili da trovare.

1. Vai a questo link: https://console.developers.google.com/apis/dashboard .
2. Quindi si seleziona il progetto nel menu a discesa.
3. Vai alla libreria nel riquadro a sinistra.
4. Sfoglia le API disponibili e abilita quella di cui hai bisogno.

La filigrana contrassegnata con  " solo a scopo di sviluppo " viene restituita quando si verifica una delle seguenti condizioni:

1. Nella richiesta manca una chiave API.
2. La fatturazione non è stata abilitata sul tuo account.
3. Il metodo di fatturazione fornito non è valido (ad esempio una carta di credito scaduta).
4. È stato superato un limite giornaliero autoimposto.

Come ha scritto Victoria, Google Maps non è più gratuito, ma puoi cambiare il tuo fornitore di mappe. Potresti essere interessato a OpenStreetMap, c'è un modo semplice per usarlo sul tuo sito descritto qui: https://handyman.dulare.com/switching-from-google-maps-to-openstreetmap/

Sfortunatamente, su OpenStreetMap, non esiste un modo semplice per fornire indicazioni da un punto a un altro, non c'è nemmeno la vista sulla strada.

Per i miei scopi ho finito per usare un'alternativa https://www.openstreetmap.org/ .

Come raccomandato in un commento, ho usato il componente aggiuntivo Chrome " Controllo API piattaforma Google Maps " per identificare e risolvere il problema.

In sostanza, questo componente aggiuntivo mi ha indirizzato qui dove sono stato in grado di accedere a Google e creare una chiave API gratuita.

Successivamente, ho aggiornato JavaScript e risolto immediatamente questo problema.

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

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

Il componente aggiuntivo ha quindi convalidato la chiamata dell'API JS. Spero che questo aiuti qualcuno a risolvere rapidamente il problema!

Ora google maps è gratuito solo per lo sviluppo.

Se si desidera utilizzare la mappa gratuitamente come in precedenza, quindi creare un account con dettagli validi (fatturazione, pagamento, ecc.) Google dà $ 200 CREDITO MENSILE CHE È EQUIVALENTE ALL'USO GRATUITO

Per maggiori dettagli, vedi i dettagli sui nuovi prezzi di Google : google map nuovi prezzi

Vedi anche i dettagli del vecchio prezzo: Vecchio

Se mapTypeId è SATELLITEoHYBRID

beh, è ​​solo una filigrana, puoi nasconderla se cambi quello <div>che z-index=100 ho usato

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

oppure puoi usare

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

ma non è così reattivo come setInterval

Se desideri una mappa di posizione semplice e gratuita che mostri una singola posizione contrassegnata, per il tuo sito Web, quindi

• Vai su AddMap .
• Qui puoi inserire i dettagli per personalizzare completamente la tua mappa come dettagli sulla posizione, dimensionamento e formattazione della mappa.
• Infine, per aggiungere la chiave API di Google Map, generala utilizzando questo metodo .

Fammi sapere se questo sarebbe d'aiuto ..

Mi sembra che quando viene visualizzato "Solo a scopo di sviluppo", non è possibile vedere anche le configurazioni della mappa durante lo sviluppo (o piuttosto giocare con le configurazioni). Nel mio caso non ho abilitato la fatturazione ad essere associata all'API che sto usando e sto pensando che sia la ragione per cui si comporta in questo modo.

Per me, l'errore è stato corretto quando attivato Fatturazione nella console di Google. (Ho una prova per sviluppatori di 1 anno)

Non puoi usare il tag iframe in HTML, ecco cosa puoi fare:
* vai su google maps indica la tua posizione
* fai clic su "Condividi"
* vai su "Incorpora una mappa"
* copia il codice HTML
* incollalo nel tuo Pagina HTML
* regola l'altezza e la larghezza in base alle tue esigenze
* eseguilo

Questo potrebbe funzionare