gratis - Google Maps muestra "Sólo para fines de desarrollo"

google maps jquery

Question

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 se vaya?

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'');

Entonces despues 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 proviene este mensaje.

Answer 1

Ahora Google Maps es gratis solo para desarrollo.

Si desea utilizar el mapa gratis como anteriormente, cree una cuenta con detalles válidos (facturación, pago, etc.). Google otorga un crédito mensual de $ 200 que es EQUIVALENTE PARA EL USO GRATUITO

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

También vea los detalles de precios anteriores: Viejo

Answer 2

Como escribió Victoria, Google Maps ya no es gratis, pero puede cambiar su 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 vistas a la calle.

Answer 3

Google Maps ya no es gratis. Debe asociar una tarjeta de crédito para que le facturen si su sitio tiene solicitudes que superan el crédito de $ 200 que le otorgan mensualmente de forma gratuita. 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 tiene que activar cada API por separado. Todos tienen precios diferentes (algunos incluso son gratuitos), por lo que Google hace que usted 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 sigue recibiendo 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 muy 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. Ir a la biblioteca en el panel izquierdo.
4. Examine las API disponibles y habilite la que necesita.

Answer 4

La 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 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 caducada).
4. Se ha superado un límite diario autoimpuesto.

Answer 5

Me parece que cuando se muestra el mensaje "Solo para fines de desarrollo", no se pueden ver las configuraciones del mapa mientras se desarrollan (o más bien se juega con las configuraciones). En mi caso, no he permitido que la facturación se asocie con la API que estoy utilizando y creo que esa es la razón por la que se comporta de esta manera.

Answer 6

No puedes usar la etiqueta iframe en HTML, esto es lo que puedes hacer:
* solo entra en google maps señala tu ubicación
* haga clic en "Compartir"
* ir a "Insertar un mapa"
* copiar el código HTML
* Pégalo en tu página HTML
* ajustar la altura y el ancho de acuerdo a sus requerimientos
* ejecutarlo

Esto podría funcionar

Answer 7

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

Answer 8

Según lo recomendado en un comentario, usé el complemento Chrome " chrome.google.com/webstore/detail/google-maps-platform-api/… " para identificar y resolver el problema.

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

Después, actualicé mi JavaScript y resolví inmediatamente 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 a la API JS. Espero que esto ayude a alguien a resolver el problema rápidamente!

Answer 9

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

• Ir a AddMap .
• Aquí puede completar los detalles para personalizar completamente su mapa, como los detalles de ubicación, el tamaño y el formato del mapa.
• Finalmente, para agregar la clave de la API de Google Map, genérela usando este method .

Déjame saber si esto ayudaría ..

Answer 10

agrega el archivo js de google map así

 <script src="https://maps.googleapis.com/maps/api/js?key=your key here"
async defer></script>

Obtendrá solo un mensaje de propósito de desarrollo cuando lo agregue como

<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap"
async defer></script>

así que evite agregar callback = initMap en la etiqueta de script

Además de esto, asegúrese de haber agregado su sitio a la sección de mapas de la consola de desarrollador de Google:

Answer 11

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 es tan sensible como setInterval