Intégration de Google Map dans un page HTML grâce aux coordonnées GPS

J'ai un PHP galerie de photos qui lit les coordonnées GPS à partir d'images. J'aimerais le modifier pour utiliser les coordonnées et comprennent une carte google map sur la page de la photo. Est-il un moyen simple pour afficher une carte google sur une page HTML en fournissant juste cette paire de renseignements?

Grâce.

InformationsquelleAutor ensnare | 2010-03-25
  1. 40

    Voici quelques exemples qui peuvent vous aider à commencer:

    À l'aide de la Google Maps API v2:

    <!DOCTYPE html>
<html> 
<head>
   <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=false" 
           type="text/javascript"></script>
</head> 
<body onunload="GUnload()">
   <div id="map" style="width: 400px; height: 300px"></div> 

   <script type="text/javascript"> 
      var map = new GMap2(document.getElementById("map"));
      map.setCenter(new GLatLng(51.49, -0.12), 8);
   </script> 
</body> 
</html>

    Vous avez simplement besoin de changer de latitude et de longitude dans le GMap2.setCenter() méthode. La dernière paramater est le niveau de zoom.

    À l'aide de la Google Maps API v3:

    <!DOCTYPE html>
<html> 
<head>
   <script type="text/javascript" 
           src="http://maps.google.com/maps/api/js?sensor=false"></script>
</head> 
<body>
   <div id="map" style="width: 400px; height: 300px"></div> 

   <script type="text/javascript"> 
      var myOptions = {
         zoom: 8,
         center: new google.maps.LatLng(51.49, -0.12),
         mapTypeId: google.maps.MapTypeId.ROADMAP
      };

      var map = new google.maps.Map(document.getElementById("map"), myOptions);
   </script> 
</body> 
</html>

    Lors de l'utilisation de la version 3 de l'API des Cartes, vous avez besoin de passer des paramètres comme des options à la google.maps.Map() constructeur. L'exemple ci-dessus doivent être explicites.

    À l'aide de la Carte statique de l'API:

    <img src="https://maps.google.com/maps/api/staticmap?center=51.49,-0.12&zoom=8&size=400x300&sensor=false" style="width: 400px; height: 400px;" />

    La Carte statique de l'API, comme luca a suggéré pourrait être une très bonne idée.

    Tout simplement passer le la latitude et la longitude paramètres dans une balise image, comme dans l'exemple ci-dessus. Il serait d'afficher la carte ci-dessous, directement rendus à partir de Google:

    Intégration de Google Map dans un page HTML grâce aux coordonnées GPS

    • L'api des cartes statiques est obsolète et ne fonctionne plus.
    InformationsquelleAutor Daniel Vassallo
  2. 3

    utilisation statique google map, vous devez fournir à seulement quelques autres plus d'infos

    http://maps.google.com/maps/api/staticmap?center=51.477222,0&zoom=14&size=400x400&sensor=false

    seulement montrer une image de la carte

    voici un lien vers l'API

    https://developers.google.com/maps/documentation/maps-static/intro

    il y a beaucoup d'autres options si nécessaire

    • API lien est Rompu
    • L'api des cartes statiques est obsolète et ne fonctionne plus.
    • lien mis à jour , mais StaticMap ne semble obsolète ... où avez-vous lu cela ?
    InformationsquelleAutor Luca Rocchi
  3. 1

    Puisque vous êtes à l'aide de PHP, vous pouvez également utiliser la PHP API Google Map classe, qui a également été mis à jour pour utiliser la V3 de Google Maps Api JS.

    InformationsquelleAutor streetlogics