Le moyen le plus simple de créer un mashup Google Map ?

StackOverflow https://stackoverflow.com/questions/15247

  •  08-06-2019
  •  | 
  •  

Question

Étant donné une liste d'emplacements tels que

<td>El Cerrito, CA</td>
<td>Corvallis, OR</td>
<td>Morganton, NC</td>
<td>New York, NY</td>
<td>San Diego, CA</td>

Quelle est la manière la plus simple de générer une carte Google Map avec des punaises pour chaque emplacement ?

Était-ce utile?

La solution

Je suppose que vous avez déjà les bases de Maps dans votre code avec votre clé API.

<head>
  <script 
   type="text/javascript"
   href="http://maps.google.com/maps?
         file=api&v=2&key=xxxxx">
  function createMap() {
    var map = new GMap2(document.getElementById("map"));
    map.setCenter(new GLatLng(37.44, -122.14), 14);
  }
  </script>
</head>
<body onload="createMap()" onunload="GUnload()">

Tout dans Google Maps est basé sur la latitude (lat) et la longitude (lng).
Donc, pour créer un marqueur simple, vous créerez simplement un GMarker avec la latitude et la longueur.

var where = new GLatLng(37.925243,-122.307358); //Lat and Lng for El Cerrito, CA
var marker = new GMarker(where); // Create marker (Pinhead thingy)
map.setCenter(where); // Center map on marker
map.addOverlay(marker); // Add marker to map

Cependant, si vous ne souhaitez pas rechercher la latitude et la longueur de chaque ville, vous pouvez utiliser le Geo Coder de Google.Voici un exemple :

var address = "El Cerrito, CA";
var geocoder = new GClientGeocoder;
geocoder.getLatLng(address, function(point) {
  if (point) {
    map.clearOverlays(); // Clear all markers
    map.addOverlay(new GMarker(point)); // Add marker to map
    map.setCenter(point, 10); // Center and zoom map on marker
  }
});

Je voudrais donc simplement créer un tableau de GLatLng de chaque ville à partir du GeoCoder, puis les dessiner sur la carte.

Autres conseils

Vérifiez Exemples d'API Google MapsIls rendent les choses assez simples et leur documentation API est excellente.La plupart des exemples concernent l'exécution de tout le code en JavaScript côté client, mais des API pour d'autres langages sont également disponibles.

Je suppose que plus d'informations seraient nécessaires pour vraiment vous donner une réponse, mais chez Django Pluggables, il existe un plugin django-googlemap cela pourrait être utile.

Modifier: Adam a une bien meilleure réponse.En cas de doute, regardez les exemples d'API.

Essaye ça: http://www.google.com/uds/solutions/wizards/mapsearch.html

C'est un assistant Google Maps qui générera le code pour vous.Pas le meilleur pour votre application ;mais un bon endroit pour "se mouiller les pieds" ;)

Modifier:(j'ai trouvé le lien), voici un bon tutoriel par étapes sur l'API Google Maps.

Bonne chance!

/mp

Voici quelques liens, mais comme pour la plupart des choses, je n'ai pas encore eu le temps de les essayer.

http://gathadams.com/2007/08/21/add-google-maps-to-your-net-site-in-10-minutes/

http://www.mapbuilder.net/

Cheers John

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top