Google Maps muestra el mensaje "Solo para fines de desarrollo" cuando intento mostrarlo en mi página web:

¿Cómo podría hacer que este mensaje desaparezca?

Mi código es así:

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

Luego luego tengo

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

No veo de dónde se origina este mensaje.

Google Maps ya no es gratuito. Debe asociar una tarjeta de crédito para que se le facture si su sitio tiene solicitudes que exceden el crédito de $ 200 que le dan mensualmente de forma gratuita. Es por eso que obtienes los mapas con marcas de agua.

Para obtener más información, consulte: https://cloud.google.com/maps-platform/pricing/

Actualización: un problema común con el nuevo sistema de facturación es que ahora debe activar cada API por separado. Todos tienen precios diferentes (algunos incluso son gratuitos), por lo que Google se asegura de que los habilites individualmente para tu dominio. Nunca fui un gran usuario de Google Maps, pero tengo la sensación de que ahora hay muchas más API de las que solía haber.

Entonces, si aún recibe un mensaje de uso restringido después de habilitar la facturación, averigüe qué API necesita exactamente para las funciones que desea ofrecer y compruebe si está habilitada. La configuración de la API es molestamente difícil de encontrar.

1. Vaya a este enlace: https://console.developers.google.com/apis/dashboard .
2. Luego selecciona su proyecto en el menú desplegable.
3. Ir a la biblioteca en el panel izquierdo.
4. Explore las API disponibles y habilite la que necesita.

Se devuelve una marca de agua con  “solo para fines de desarrollo ” cuando se cumple alguna de las siguientes condiciones:

1. A la solicitud le falta una clave API.
2. La facturación no se ha habilitado en su cuenta.
3. El método de facturación proporcionado no es válido (por ejemplo, una tarjeta de crédito vencida).
4. Se ha excedido un límite diario autoimpuesto.

Como escribió Victoria, Google Maps ya no es gratuito, pero puede cambiar su proveedor de mapas. Puede estar interesado en OpenStreetMap, hay una manera fácil de usarlo en su sitio descrito aquí: https://handyman.dulare.com/switching-from-google-maps-to-openstreetmap/

Desafortunadamente, en OpenStreetMap, no hay una manera fácil de proporcionar direcciones de un punto a otro, tampoco hay una vista de la calle.

Para mis propósitos, terminé usando un https://www.openstreetmap.org/ alternativo .

Como se recomienda en un comentario, utilicé el complemento de Chrome " Google Maps Platform API Checker " para identificar y resolver el problema.

Esencialmente, este complemento me dirigió a aquí, donde pude iniciar sesión en Google y crear una clave API gratuita.

Después, actualicé mi JavaScript e inmediatamente resolvió este problema.

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

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

El complemento luego validó la llamada JS API. ¡Espero que esto ayude a alguien a resolver el problema rápidamente!

Ahora google maps es gratis solo para desarrollo.

Si desea usar el mapa gratis como antes, cree una cuenta con detalles válidos (facturación, pago, etc.) google le otorga un crédito mensual de $ 200 que equivale a un uso GRATUITO

Para obtener más información, consulte los detalles de precios nuevos de Google : precios nuevos de google map

También vea los viejos detalles de precios: uno viejo

Si su mapTypeId es SATELLITEoHYBRID

bueno, es solo una marca de agua, puedes ocultarla si cambias la <div>que z-index=100 uso

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

o puedes usar

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

pero no es tan sensible como setInterval

Si desea un mapa de ubicación simple y gratuito que muestre una única ubicación marcada, para su sitio web, entonces

• Ve a AddMap .
• Aquí puede rellenar detalles para personalizar completamente su mapa, como detalles de ubicación, tamaño y formato del mapa.
• Finalmente para agregar la clave de API del mapa de Google, Genera usando este método .

Avísame si esto ayudaría ...

Me parece que cuando muestra "Solo para fines de desarrollo", uno no puede ver las configuraciones del mapa también durante el desarrollo (o más bien jugando con las configuraciones). En mi caso, no he permitido que la facturación se asocie con la API que estoy usando y creo que esa es la razón por la cual se comporta de esta manera.

Para mí, el error se ha solucionado cuando se activó la facturación en la consola de Google. (Tengo 1 año de prueba para desarrolladores)

No puede usar la etiqueta iframe en HTML, esto es lo que puede hacer:
* solo ingrese a Google Maps, señale su ubicación
* haga clic en "Compartir"
* vaya a "Insertar un mapa"
* copie el código HTML
* péguelo en su Página HTML
* ajuste la altura y el ancho de acuerdo con sus requisitos
* ejecútelo

Esto podría funcionar