Eenvoudigste manier om 'n Google Map mashup maak?

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

  •  08-06-2019
  •  | 
  •  

Vra

As 'n lys van plekke soos 

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

Wat is die maklikste manier om 'n Google Map genereer met pushpins vir elke plek?

Was dit nuttig?

Oplossing

Ek neem aan jy het die basiese beginsels vir Maps in jou kode reeds met jou API sleutel. 

<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()">

Alles in Google Maps is die basis van breedtegraad (lat) en lengteligging (LNG).
So 'n eenvoudige merker te skep wat jy sal 'n GMarker net skep met die lat en 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

Maar as jy nie wil hê om op te kyk die Lat en Lng vir elke stad kan jy Google se Geo Coder gebruik. Hier is 'n voorbeeld: 

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

Ek wil net 'n verskeidenheid van GLatLng se van elke stad te skep uit die Geocoder en dan trek hulle op die kaart.

Ander wenke

Check uit die Google Maps API Voorbeelde Hulle maak dit eenvoudig en hul API dokumentasie is groot. Die meeste van die voorbeelde is om dit te doen al die kode in JavaScript op die kliënt kant, maar daar is APIs vir ander tale beskikbaar.

Ek dink meer inligting nodig sou wees om werklik te gee jy 'n antwoord, maar oor aan Django Pluggables daar 'n Django-GoogleMap plugin wat van hulp kan wees.

Edit: Adam het 'n veel beter antwoord. Wanneer dit twyfel kyk na die API voorbeelde.

Probeer hierdie: http://www.google.com/uds/ oplossings / towenaars / mapsearch.html

Dit is 'n Google Maps towenaar wat die kode vir jou sal genereer. Nie die beste vir jou aansoek; maar 'n goeie plek om te "kry jou voete nat";)

Edit: (gevind die skakel), hier is 'n goeie Google Maps API stapsgewyse handleiding .

Sterkte!

/ LP

Hier is 'n paar skakels, maar soos met die meeste dinge wat ek nie sover gekom om hulle probeer nog.

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

http://www.mapbuilder.net/

Cheers John

Gelisensieer onder: CC-BY-SA met toeskrywing
Nie verbonde aan StackOverflow
scroll top