Der einfachste Weg, ein Google Map-Mashup zu erstellen?

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

  •  08-06-2019
  •  | 
  •  

Frage

Angesichts einer Liste von Orten wie

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

Was ist der einfachste Weg, eine Google Map mit Pins für jeden Standort zu erstellen?

War es hilfreich?

Lösung

Ich gehe davon aus, dass Sie mit Ihrem API-Schlüssel bereits die Grundlagen für Maps in Ihrem Code 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 dem Breitengrad (lat) und dem Längengrad (lng).
Um also einen einfachen Marker zu erstellen, erstellen Sie einfach einen GMarker mit 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

Wenn Sie jedoch nicht die Lat- und Lng-Werte für jede Stadt nachschlagen möchten, können Sie den Geo Coder von Google verwenden.Hier ist 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
  }
});

Also würde ich einfach aus dem GeoCoder ein Array von GLatLngs jeder Stadt erstellen und sie dann auf der Karte zeichnen.

Andere Tipps

Besuche die Beispiele für die Google Maps-APISie machen es ziemlich einfach und ihre API-Dokumentation ist großartig.Die meisten Beispiele dienen dazu, den gesamten Code in JavaScript auf der Clientseite zu erstellen, es sind jedoch auch APIs für andere Sprachen verfügbar.

Ich vermute, dass mehr Informationen nötig wären, um Ihnen wirklich eine Antwort zu geben, aber bei Django Pluggables gibt es eine Django-Googlemap-Plugin das könnte hilfreich sein.

Bearbeiten: Adam hat eine viel bessere Antwort.Wenn Sie Zweifel haben, schauen Sie sich die API-Beispiele an.

Versuche dies: http://www.google.com/uds/solutions/wizards/mapsearch.html

Es handelt sich um einen Google Maps-Assistenten, der den Code für Sie generiert.Nicht das Beste für Ihre Anwendung;aber ein guter Ort, um „die Füße nass zu machen“ ;)

Bearbeiten:(habe den Link gefunden), Hier ist eine gute Schritt-für-Schritt-Anleitung für die Google Maps API.

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/

http://www.mapbuilder.net/

Prost John

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top