Google Maps ya no es gratuito. Tienes que asociar una tarjeta de crédito para que te facturen si tu sitio tiene solicitudes que exceden el crédito de $200 que te dan mensualmente gratis. Es por eso que obtienes los mapas con marca 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 habilite individualmente para su 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 verifique 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 seleccionas tu proyecto en el menú desplegable.
3. Vaya a la biblioteca en el panel izquierdo.
4. Explore las API disponibles y habilite la que necesita.

Como escribió Victoria, Google Maps ya no es gratuito, pero puedes cambiar de proveedor de mapas. Puede estar interesado en OpenStreetMap, hay una manera fácil de usarlo en su sitio que se describe 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 vista de la calle.

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

1. A la solicitud le falta una clave de API.
2. No se ha habilitado la facturación 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 superado un límite diario autoimpuesto.

Me parece que cuando muestra "Solo para fines de desarrollo", tampoco se pueden ver las configuraciones del mapa durante el desarrollo (o más bien jugar con las configuraciones). En mi caso no he habilitado que la facturación se asocie con la API que estoy usando y estoy pensando que esa es la razón por la que se está comportando de esta manera.

Ahora Google Maps es gratuito solo para desarrollo.

Si desea usar el mapa gratis como antes, cree una cuenta con detalles válidos (facturación, pago, etc.) Google otorga un CRÉDITO MENSUAL de $ 200 que es EQUIVALENTE al USO GRATUITO

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

Consulte también los detalles de precios antiguos: Antiguo

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ó aquí donde pude iniciar sesión en Google y crear una clave de API gratuita.

Luego, 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=*****CLAVE API DE GOOGLE******&v=3"...

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

No puede usar la etiqueta iframe en HTML, esto es lo que puede hacer:
* simplemente ingrese a Google Maps y señale su ubicación
* clic en "Compartir"
* vaya a "Incrustar un mapa"
* copia el código HTML
* pégalo en tu página HTML
* ajuste la altura y el ancho según sus necesidades
* ejecutarlo

esto podría funcionar

Si su mapTypeId es SATELLITE o HYBRID

bueno, es solo una marca de agua, puedes ocultarla si cambias el <div> que tiene z-index=100 que 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 responde tan bien como setInterval

Para mis propósitos terminé usando una alternativa https://www.openstreetmap.org/ .

Para mí, se ha solucionado el error al activar Facturación en la consola de Google. (Obtuve una prueba de desarrollador de 1 año)

pruebe este código, no muestra "Solo para fines de desarrollo"

 <iframe src="http://maps.google.com/maps?q=25.3076008,51.4803216&z=16&output=embed" height="450" width="600"></iframe>

Sé que esto puede no estar relacionado con la pregunta, pero tuve el mismo problema en Vue. Aunque pasé API_KEY, todavía tenía el mismo error. Intenté la sugerencia de @Mike Dubs y mostró que no pasé la CLAVE API (aunque lo hice). Usé la biblioteca vue2-google-maps , y en la documentación sobre cómo configurar la biblioteca de Google con API KEY, dijeron que en main.js debería hacer una importación como esta:

importar * como VueGoogleMaps desde 'vue2-google-maps';

Pero en mi caso eso no funcionó, pero esto funcionó:

importar * como VueGoogleMaps desde './../node_modules/vue2-google-maps/src/main';

Por qué, cómo, no lo sé, pero creo que vue de alguna manera no entendió la importancia.