[GELÖST] Javascript: Position Marker auslesen und dann dorthin zoomen

[Bitjongleur]

Moin,

ich habe mit der Erweiterung eine Karte mit verschiedenen Markern / Standorten erstellt.

Nun würde ich gerne in einer Liste der Standorte in einem Text-Element per Klick auf den Namen die Karte dorthin verschieben und ranzoomen.

Leider scheitert es schon daran mit getPosition() die Koordinaten des Markers auszulesen. (https://developers.google.com/maps/d...er.getPosition)

Vielleicht hat ja jemand einen Tipp für mich, oder sowas schonmal gemacht.

Freue mich auf Antworten.

Gruß
Karsten

[Bitjongleur]

Das Javascript muss in das Template (ce_dlh_googlemaps_default.html5) hinzugefügt werden, externes Javascript hat nicht funktioniert.

Text-Element hat in der ID die Nummer des Markers, dann kann alles ausgelesen und die Map manipuliert werden.

$( ".ce_text.standort" ).click(function() { 
	var marker = $( this ).attr("id").substring(7);		
	var lat = gmap1_markers[marker].getPosition().lat();
	var lng = gmap1_markers[marker].getPosition().lng();		
	gmap1.setCenter({lat: lat, lng: lng});
	gmap1.setZoom(16);
});

[fiedsch]

Das sollte als externes JS genauso funktionieren. Du musst dann aber sicher stellen, daß es erst geladen (oder ausgeführt wird, wenn die Elemente, denen Du einen ClickHandler verpassen willst, schon „da sind“. Alsodas externe JS erst im Footer laden oder/und $(document).ready() verwenden.