Google Maps-mehrere Adressen auf einer Karte
Superheld
- javascript
Hallo zusammen,
wie der Titel schon sagt würde ich gerne mehrere Adressen auf einer Google Map platzieren. Das Problem liegt darin, dass die "Marker" unterschiedlich beschriftet sein sollen (A, B, C...)
<script type="text/javascript">
//<![CDATA[
var geomap = null;
var geocoder = null;
function load() {
if (GBrowserIsCompatible()) {
geomap = new GMap2(document.getElementById("geomap"));
geocoder = new GClientGeocoder();
}
}
function showAddress(address) {
if (geocoder) {
geocoder.getLatLng(
address,
function(point) {
if (!point) {
} else {
geomap.setCenter(point, 9);
var marker = new GMarker(point);
geomap.addOverlay(marker);
}
}
);
}
}
//]]>
</script>
<body onload="load(); showAddress('Musterstrasse-1, 50678, Köln'); showAddress('Musterstrasse-2, 50667, Köln');" onunload="GUnload">
Hoffe mir kann jemand helfen-komme einfach nicht weiter...
Hi,
Hoffe mir kann jemand helfen-komme einfach nicht weiter...
was ist denn aus deiner anderen Frage geworden? Hat es denn nun geklappt?
Mike
Hi,
»» Hoffe mir kann jemand helfen-komme einfach nicht weiter...
was ist denn aus deiner anderen Frage geworden? Hat es denn nun geklappt?
Mike
Hallo Mike,
das hat geklappt-vielen Dank.
Hatte das aber doch bereits gepostet...?
Gruss
Superheld
Hi,
Hatte das aber doch bereits gepostet...?
nein hattest du nicht. Wie hier leider viele Fragen zu finden sind bei der man als Leser und auch Antwortender am Ende nicht weiss, hat das nun funktioniert oder nicht.
Aber es fehlt auch von Forumsseite ein entsprechender Hinweis/ Button dafür wenn eine Frage gelöst wurde. Ich hatte mich vor ein paar Wochen in ein Forum verirrt da war das so und folglich habe ich die ganzen Fragen gar nicht mehr beachtet, nur noch die wo "Frage wurde gelöst" stand, weiss aber gar nicht welches Forum das war.
Mike
Hi,
also vielmals sorry-das war ein versehen.
Bin selber auch kein Freund von "nicht vollendeten" Fragen in einem Forum.
Jedenfalls habe ich es durch deine Hilfe gelöst-läuft wie geschnitten Brot ;-)
Hi,
habe ne "halbe lösunf gefunden-später mehr-hänge noch ein wenig...
Gruss Superheld
Hallo Superheld,
kennst du schon http://code.google.com/intl/de-DE/apis/maps/documentation/examples/icon-custom.html?
Gruß, Jürgen
Hallo Superheld,
kennst du schon http://code.google.com/intl/de-DE/apis/maps/documentation/examples/icon-custom.html?
Gruß, Jürgen
Hallo Jürgen,
das kenne ich-kann es aber leider nicht für meine Zwecke abändern.
In deinem Beispiel werden die Marker per "Zufall" (random) desetzt-meine Adressen kommen aus einer DB...
Hallo Superheld,
das Beispiel ist natürlich keine Lösung deines Problems. Es zeigt dir aber, wie du "Marker" mit "A", "B", ... erstellen kannst. Das sind nur Icons mit einem Buchstaben drauf: . Also bastle dir ein Paar entsprechende Bilder, mach Icons daraus und fertig bist du.
Gruß, Jürgen
Hallo Superheld,
das Beispiel ist natürlich keine Lösung deines Problems. Es zeigt dir aber, wie du "Marker" mit "A", "B", ... erstellen kannst. Das sind nur Icons mit einem Buchstaben drauf: . Also bastle dir ein Paar entsprechende Bilder, mach Icons daraus und fertig bist du.
Hi,
aber die Icons müssen ja der jeweiligen Adresse zugeordnet werden-das ist der Haken.
Gruß, Jürgen
Hallo Superheld,
Hi,
aber die Icons müssen ja der jeweiligen Adresse zugeordnet werden-das ist der Haken.
hier muss ich passen. Die Zuordnung von Adresse zu Icon musst du dir schon selbst überlegen ("A" für Augsburg, "B" für Berlin, ... ?). Und für die Anzeige der Icons an einer bestimmten Stelle gibt es in dem GM-Beispiel eine Funktion. Du musst nur in deinem Script die Anzeige des Markers durch die Anzeige des Icons aus dem Beispiel ersetzen.
Gruß, Jürgen
Hello,
Hoffe mir kann jemand helfen-komme einfach nicht weiter...
warum nicht? Google zeigt dir im Simple Markers Beispiel, wie du mit new GMarker mehrere Markierungen setzt.
MfG
Rouven
Hallo,
damit ist die Sache nicht zu lösen.
Hier mal ein Script von googel:
<script type="text/javascript">
function initialize() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map_canvas"));
map.setCenter(new GLatLng(37.4419, -122.1419), 13);
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
// Create a base icon for all of our markers that specifies the
// shadow, icon dimensions, etc.
var baseIcon = new GIcon(G_DEFAULT_ICON);
baseIcon.shadow = "http://www.google.com/mapfiles/shadow50.png";
baseIcon.iconSize = new GSize(20, 34);
baseIcon.shadowSize = new GSize(37, 34);
baseIcon.iconAnchor = new GPoint(9, 34);
baseIcon.infoWindowAnchor = new GPoint(9, 2);
// Creates a marker whose info window displays the letter corresponding
// to the given index.
function createMarker(point, index) {
// Create a lettered icon for this point using our icon class
var letter = String.fromCharCode("A".charCodeAt(0) + index);
var letteredIcon = new GIcon(baseIcon);
letteredIcon.image = "http://www.google.com/mapfiles/marker" + letter + ".png";
// Set up our GMarkerOptions object
markerOptions = { icon:letteredIcon };
var marker = new GMarker(point, markerOptions);
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml("Marker <b>" + letter + "</b>");
});
return marker;
}
// Add 10 markers to the map at random locations
var bounds = map.getBounds();
var southWest = bounds.getSouthWest();
var northEast = bounds.getNorthEast();
var lngSpan = northEast.lng() - southWest.lng();
var latSpan = northEast.lat() - southWest.lat();
for (var i = 0; i < 10; i++) {
var latlng = new GLatLng(southWest.lat() + latSpan * Math.random(),
southWest.lng() + lngSpan * Math.random());
map.addOverlay(createMarker(latlng, i));
}
}
}
</script>
Ich müsste "nur" die Funktion "Add 10 markers to the map at random locations" ersetzen durch die Schleife meiner DB-Abfrage => sprich die Adressen die aus der DB kommen anzeigen lassen...
Hello,
map.addOverlay(createMarker(latlng, i));
> Ich müsste "nur" die Funktion "Add 10 markers to the map at random locations" ersetzen durch die Schleife meiner DB-Abfrage => sprich die Adressen die aus der DB kommen anzeigen lassen...
genau - das Problem? Steuere den Geocoder und seine Callback-Funktion so, dass du jedes Mal einen neuen Marker erzeugst.
MfG
Rouven
--
\-------------------
sh:| fo:} ch:? rl:( br:& n4:{ ie:| mo:} va:) js:| de:] zu:| fl:( ss:) ls:& ([SelfCode](http://selfspezial.atomic-eggs.com/scode/selfcode.php?encodieren))
I will never understand why Germans feel the need to kill trees -- Arbeitskollege aus UK zum Thema ob eine Dokumentation elektronisch oder auf Papier ausgeliefert wird
genau - das Problem? Steuere den Geocoder und seine Callback-Funktion so, dass du jedes Mal einen neuen Marker erzeugst.
Hi,
Genau das bekomme ich ja nicht hin => dfür bin ich hier und frage...
Gruss Superheld
Hello,
Genau das bekomme ich ja nicht hin => dfür bin ich hier und frage...
ich _verstehe_ dein Problem, aber ich _sehe_ dein Problem nicht. Google hat beim Geocoder ebenfalls ein Beispiel dafür, wo ich annehme, dass dein Code herstammt.
Was passiert denn in deinem Fall. Siehst du einen Marker statt zwei? Siehst du gar keinen Marker? Hast du einen Script-Fehler?
MfG
Rouven