Il modo più semplice per creare un mashup di Google Map?

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

  •  08-06-2019
  •  | 
  •  

Domanda

Dato un elenco di luoghi come

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

Qual è il modo più semplice per generare una mappa Google con puntine da disegno per ogni posizione?

È stato utile?

Soluzione

Presumo che tu abbia già le nozioni di base per Maps nel tuo codice con la tua chiave 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()">

Tutto in Google Maps si basa sulla latitudine (lat) e sulla longitudine (lng).
Quindi per creare un marker semplice creerai semplicemente un GMarker con lat e lng.

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

Tuttavia se non vuoi cercare Lat e Lng per ogni città puoi utilizzare il Geo Coder di Google.Ecco un esempio:

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

Quindi creerei semplicemente una serie di GLatLng di ogni città dal GeoCoder e poi li disegnerei sulla mappa.

Altri suggerimenti

Dai un'occhiata a Esempi di API di Google MapsLo rendono piuttosto semplice e la loro documentazione API è eccezionale.La maggior parte degli esempi riguarda l'esecuzione di tutto il codice in JavaScript sul lato client, ma sono disponibili anche API per altri linguaggi.

Immagino che sarebbero necessarie più informazioni per darti davvero una risposta, ma su Django Pluggables c'è un plugin django-googlemap potrebbe essere d'aiuto.

Modificare: Adam ha una risposta molto migliore.In caso di dubbi, guarda gli esempi API.

Prova questo: http://www.google.com/uds/solutions/wizards/mapsearch.html

È una procedura guidata di Google Maps che genererà il codice per te.Non è il massimo per la tua applicazione;ma un buon posto per "bagnarsi i piedi" ;)

Modificare:(trovato il collegamento), ecco un buon tutorial passo passo sull'API di Google Maps.

Buona fortuna!

/mp

Ecco alcuni collegamenti ma, come per la maggior parte delle cose, non sono ancora riuscito a provarli.

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

http://www.mapbuilder.net/

Cin cin John

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top