eine Liste von Orten wieEinfachste Möglichkeit, ein Google Map-Mashup zu erstellen?
<td>El Cerrito, CA</td>
<td>Corvallis, OR</td>
<td>Morganton, NC</td>
<td>New York, NY</td>
<td>San Diego, CA</td>
Gegeben Was ist der einfachste Weg, um eine Google Map mit Pins für jeden Standort zu generieren?
Ich gehe davon aus Sie die Grundlagen für die Karten in Ihrem Code bereits mit Ihrem API-Schlüssel haben.
<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 basiert auf Breite (lat) und Länge (lng).
Um einen einfachen Marker zu erstellen, erstellen Sie einfach einen GMarker mit dem lat und 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
Allerdings, wenn Sie wollen nicht die Lat und Lng für jede Stadt suchen Sie Googles Geo-Coder nutzen können. Heres ein Beispiel:
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
}
});
So würde ich nur eine Reihe von GLatLng des von jeder Stadt aus den GeoCoder erstellen und sie dann auf der Karte ziehen.
Ich denke, mehr Informationen würden benötigt, um wirklich eine Antwort zu geben, aber bei Django Pluggables gibt es eine django-googlemap plugin, die hilfreich sein könnte.
Bearbeiten: Adam hat eine viel bessere Antwort. Wenn es Zweifel gibt, schauen Sie sich die API-Beispiele an.
Schauen Sie sich die Google Maps API Examples Sie machen es ziemlich einfach und ihre API-Dokumentation ist großartig. Die meisten Beispiele dienen dazu, auf Client-Seite den gesamten Code in JavaScript auszuführen, aber es gibt auch APIs für andere Sprachen.
Try this: http://www.google.com/uds/solutions/wizards/mapsearch.html
Es ist ein Assistent Google Maps, die den Code für Sie generiert. Nicht das Beste für Ihre Anwendung; aber ein guter Ort, um "bekommen nasse Füße";)
Edit: (den Link gefunden), here's a good Google Maps API stepwise tutorial.
Viel Glück!
/mp
Hier sind einige Links, aber wie bei den meisten Dingen bin ich noch nicht dazu gekommen, sie auszuprobieren.
http://gathadams.com/2007/08/21/add-google-maps-to-your-net-site-in-10-minutes/
Prost John