web-dev-qa-db-fra.com

Google Maps indique "À des fins de développement uniquement"

Google Maps affiche le message "À des fins de développement uniquement" lorsque je tente de l'afficher sur ma page Web:

enter image description here

Comment pourrais-je faire disparaître ce message?

Mon code est comme ça:

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

Puis plus tard j'ai

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

Je ne vois pas d'où vient ce message.

google-mapsgoogle-maps-api-3
113
tmighty

Google Maps n'est plus gratuit. Vous devez associer une carte de crédit afin que vous puissiez être facturé si votre site a des demandes dépassant le crédit de 200 $ qu'ils vous accordent mensuellement gratuitement. C'est pourquoi vous obtenez les cartes en filigrane.

Pour plus d'informations, voir: https://cloud.google.com/maps-platform/pricing/

Mise à jour: Un problème commun au nouveau système de facturation est que vous devez maintenant activer chaque API séparément. Ils ont tous des prix différents (certains sont même gratuits), donc Google tient à ce que vous les activiez individuellement pour votre domaine. Je n'ai jamais été un grand utilisateur de Google Maps, mais j'ai l'impression qu'il y a beaucoup plus d'API aujourd'hui qu'avant.

Par conséquent, si vous recevez toujours un message d'utilisation limitée après avoir activé la facturation, déterminez quelle API vous avez exactement besoin pour les fonctionnalités que vous souhaitez offrir et vérifiez si elle est activée. Les paramètres de l'API sont difficiles à trouver.

  1. Accédez à ce lien: https://console.developers.google.com/apis/dashboard .
  2. Ensuite, vous sélectionnez votre projet dans la liste déroulante.
  3. Accédez à la bibliothèque dans le volet gauche.
  4. Parcourez les API disponibles et activez celle dont vous avez besoin.
148
Victoria Ruiz

Un filigrane avec “à des fins de développement uniquement” est renvoyé si l'une des conditions suivantes est vraie:

  1. Il manque une clé API à la demande.
  2. La facturation n'a pas été activée sur votre compte.
  3. La méthode de facturation fournie n'est pas valide (par exemple, une carte de crédit expirée).
  4. Une limite quotidienne auto-imposée a été dépassée.
27
Rushikesh Pandit

Comme Victoria l'a écrit, Google Maps n'est plus gratuit, mais vous pouvez changer de fournisseur de carte. Vous pouvez être intéressé par OpenStreetMap, il existe un moyen simple de l’utiliser sur votre site, décrit ici: https://handyman.dulare.com/switching-from-google-maps-to-openstreetmap/

Malheureusement, sur OpenStreetMap, il n’existe pas de moyen facile de donner des indications d’un point à un autre, il n’ya pas non plus de vue sur la rue.

22
Paweł Dulak

Comme recommandé dans un commentaire, j'ai utilisé le complément " vérificateur d'API de la plateforme Google Maps " Chrome pour identifier et résoudre le problème.

En gros, ce complément m'a dirigé vers ici où j'ai pu me connecter à Google et créer une clé d'API gratuite.

Ensuite, j'ai mis à jour mon code JavaScript et le problème a été résolu immédiatement.

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

Javascript mis à jour: ... script src = "https://maps.googleapis.com/maps/api/js?key=*****GOKE KEY API KEY ****** & v = 3" ...

Le complément a ensuite validé l'appel de l'API JS. J'espère que cela aide quelqu'un à résoudre le problème rapidement!

enter image description here

4
Mike Dubs

Pour mes besoins, j'ai fini par utiliser une alternative https://www.openstreetmap.org/ .

4
Daniel Sokolowski

Google Maps est maintenant gratuit pour le développement uniquement.

Si vous souhaitez utiliser Map Free comme auparavant, créez un compte avec des informations valides (facturation, paiement, etc.). Google donne un crédit mensuel de 200 USD, ce qui est équivalent à un usage gratuit.

Pour plus de détails, veuillez consulter les détails du nouveau prix de Google: nouvelle carte de Google Map

Voir aussi les détails de l'ancien prix: Ancien

3
Srikrushna

Si vous voulez une carte de localisation simple, gratuite et montrant un seul lieu marqué, pour votre site Web, alors

  • Allez à AddMap .
  • Ici, vous pouvez saisir des détails pour personnaliser entièrement votre carte, tels que les détails de localisation, le dimensionnement et le formatage de la carte.
  • Enfin, pour ajouter une clé API Google Map, générez-la en utilisant cette méthode .

Faites-moi savoir si cela aiderait ..

1
Rahul Mahawar

ajouter google map js comme ça

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

vous obtiendrez uniquement un message de développement lorsque vous l'ajouterez comme

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

évitez donc d’ajouter callback = initMap dans la balise de script

A côté de cela, assurez-vous que vous avez ajouté votre site à la section des cartes de la console de développeur Google: enter image description here

1
user889030

Il me semble que quand il affiche le message "Uniquement pour le développement", on ne peut pas voir les configurations de la carte pendant le développement (ou plutôt jouer avec les configurations). Dans mon cas, je n'ai pas permis d'associer la facturation à l'API que j'utilise et je pense que c'est la raison pour laquelle il se comporte de cette façon.

0
Ronow

bon, c’est juste un filigrane, vous pouvez le cacher si vous changez le <div> qui a z-index=100 j’utilise

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

ou vous pouvez utiliser

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

mais ce n'est pas aussi sensible que setInterval

0
blesafho