Formularfeld mit Google Maps API auslesen und Marker erstellen

SpeedCore · 19.01.2010, 10:02

Hi,
ich möchte gern ein Input-Feld auslesen und anhand diesen Wertes dann einen Marker auf die Karte setzen. Die Funktion, die vom Button aufgerufen wird, sieht so aus:

Code:

function placeMarker() {
	map.clearOverlays();
	var setLonLat = document.getElementById("manual_coords").value;	
	var manual_point = new GLatLng(setLonLat);
	map.setCenter(new GLatLng(manual_point), 13);
	var manual_marker = new GMarker(manual_point);
	map.addOverlay(manual_marker);
}

Ich bekomme immer eine graue Karte mit dem Hinweis, dass Karten mit diesem Zoomwert nicht zur Verfügung stehen

In dem Inputfeld stehen Koordinaten im Format 47.345678, 11.345678

Wo steckt der Fehler?

Grüße,
SpeedCore

Schlafbaer · 19.01.2010, 18:30

So ich verfass hier mal meinen ersten Beitrag

GoogleMap-API - GLatLng()

Wie unter dem Link zu sehen ist erfordert der Konstruktor 2 Werte. Sprich Längen- und Breitengrad müssen einzeln angeben werden. Zumindest vermute ich das es daran liegt. Mit der Lösung funktioniert es bei mir.

Hier die entsprechenden Codeschnippsel:

Code:

  <body onload="load()" onunload="GUnload()" bgcolor="silver">
   <form name="maps" action="map.php">
    <div id="map" style="width: 500px; height: 300px"></div>
    <br>
    <input type="text" id="koords_x" size="18" maxlength="15" value="47.345678">
    <br>
    <input type="text" id="koords_y" size="18" maxlength="15" value="11.345678">
    <br>
    <input type="button" name="laden" value="Karte laden" onclick="load() "/>
   </form>
  </body>

und das Javascript

Code:

    function load() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map"), {mapTypes:[G_NORMAL_MAP, G_SATELLITE_MAP, G_HYBRID_MAP]});
        var x = document.getElementById("koords_x").value;
        var y = document.getElementById("koords_y").value;
        var center = new GLatLng(x,y);
        map.addControl(new GLargeMapControl());
    		map.addControl(new GMapTypeControl());
    		map.addControl(new GScaleControl());
    		map.addControl(new GOverviewMapControl());
        map.setCenter(center, 11);       
        map.addOverlay(createMarker( new GLatLng(47.345678, 11.345678), "www.php.de ist toll!!!<br>GoogleMaps auch :D"));
      }
    }

Habe es hier mal zur Anschaung online gestellt.

Hoffe ich konnte dir weiterhelfen.

Grüße, das Schlafbaerchen

SpeedCore · 20.01.2010, 09:34

Super, das halt geklappt! Vielen Dank! Ich habe, da ich nur ein Eingabefeld für die Koordinaten habe, den String mit substring geteilt und dann übergeben. Jetzt habe ich noch ein kleines Problemchen:

ich habe einen Marker, der "draggable" ist. Für das Event "dragend" habe ich einen Listener, der Code ausführt. So sollen, wenn der Marker an eine andere Stelle gezogen wurde, die neuen Koordinaten und die neue Adresse angezeigt werden. Mit den Koordinaten klappts auch, nur die Adresse bleibt alt

Hab ich da was übersehen/vergessen? Hier der relevante Code:

Code:

    map.addOverlay(marker);
		GEvent.addListener(marker, 'dragstart', function() {
			marker.closeInfoWindow();
		});
		GEvent.addListener(marker, 'dragend', function() {
		new GClientGeocoder().getLocations(marker.getLatLng(),function(data)
			{
				document.getElementById("manual_coords").value = marker.getLatLng().lat().toFixed(6) + ", " + marker.getLatLng().lng().toFixed(6);
			}
		)
			marker.openInfoWindowHtml(
			'<font face=\"Verdana\" size=\"2\">' + 
			'<b>Koordinaten: </b>' + marker.getLatLng().lat().toFixed(6) + ", " + marker.getLatLng().lng().toFixed(6) + '<br/>' + 
			'<b>Adresse: </b>' + place.address + "</font>");		
		}
	);

Jetzt, wo ich mir den Code nochmal anschaue bekomme ich folgende Idee: der Wert in place.address stammt noch aus der response vom geocoder (früher im code) und wird nach dem "draggen" nur nochmal ausgelesen. Hier müsste im "dragend"-Event nochmal der Geocoder gestartet werden und für die neuen Koordinaten die Adresse liefern, oder? Wie sieht das dann im Code aus?

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Erledigt] Marker per SQL Datenbankabfrage anzeigen?	Blade	Datenbanken	3	08.01.2010 13:34
Dynamisch Ordner erstellen und Dynamisch Bilderordner auslesen	timmeyy	PHP Tipps 2009	9	22.06.2009 09:13
[Erledigt] foreach schleife beim erstellen einer image_map schlägt fehl	litterauspirna	PHP Tipps 2009	8	25.05.2009 13:04
[Erledigt] Daten Auslesen aus MySQL DB mit PHP übergabe an Formularfeld	mits	PHP Tipps 2009	6	05.05.2009 08:57
Scriptsuche Orte mit Google Maps aus DB anzeigen	PCServe	Scriptbörse	0	29.03.2009 12:17
Auslesen unterschiedlicher Marker mit Goole Maps API	fabbrauchthilfe	JavaScript, Ajax und mehr	2	19.08.2008 20:41
Google Maps oder Microsoft Maps als Tool einbinden	solitaer	PHP-Fortgeschrittene	3	01.07.2008 05:07
GMapper - Google Maps mit PHP	Dave Waterstone	PHP-Fortgeschrittene	1	17.05.2008 16:51
Google Maps API	cycap	HTML, Usability und Barrierefreiheit	5	25.11.2007 15:16
Google Maps statt OpenGeoDB?	Plague	PHP Tipps 2007	8	18.06.2007 11:43
Google Maps API - Grundeinstellungen	Plague	HTML, Usability und Barrierefreiheit	0	18.08.2006 16:59
Google Maps API - Erfahrungen?	Plague	PHP Tipps 2006	1	17.08.2006 12:13
[Erledigt] auslesen + tabelle erstellen		PHP-Fortgeschrittene	4	07.09.2005 13:34
[Erledigt] problem beim erstellen und auslesen einer datenbank		PHP Tipps 2005-2	6	04.09.2005 16:55
Verbindung / Auslesen / Tabellen erstellen		Datenbanken	2	29.06.2005 22:52

19.01.2010, 10:02
SpeedCore Neuer Benutzer Registriert seit: 19.01.2010 Beiträge: 2 PHP-Kenntnisse: Anfänger	Formularfeld mit Google Maps API auslesen und Marker erstellen Hi, ich möchte gern ein Input-Feld auslesen und anhand diesen Wertes dann einen Marker auf die Karte setzen. Die Funktion, die vom Button aufgerufen wird, sieht so aus: Code: function placeMarker() { map.clearOverlays(); var setLonLat = document.getElementById("manual_coords").value; var manual_point = new GLatLng(setLonLat); map.setCenter(new GLatLng(manual_point), 13); var manual_marker = new GMarker(manual_point); map.addOverlay(manual_marker); } Ich bekomme immer eine graue Karte mit dem Hinweis, dass Karten mit diesem Zoomwert nicht zur Verfügung stehen In dem Inputfeld stehen Koordinaten im Format 47.345678, 11.345678 Wo steckt der Fehler? Grüße, SpeedCore


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

20.01.2010, 09:34
SpeedCore Neuer Benutzer Registriert seit: 19.01.2010 Beiträge: 2 PHP-Kenntnisse: Anfänger	Super, das halt geklappt! Vielen Dank! Ich habe, da ich nur ein Eingabefeld für die Koordinaten habe, den String mit substring geteilt und dann übergeben. Jetzt habe ich noch ein kleines Problemchen: ich habe einen Marker, der "draggable" ist. Für das Event "dragend" habe ich einen Listener, der Code ausführt. So sollen, wenn der Marker an eine andere Stelle gezogen wurde, die neuen Koordinaten und die neue Adresse angezeigt werden. Mit den Koordinaten klappts auch, nur die Adresse bleibt alt Hab ich da was übersehen/vergessen? Hier der relevante Code: Code: map.addOverlay(marker); GEvent.addListener(marker, 'dragstart', function() { marker.closeInfoWindow(); }); GEvent.addListener(marker, 'dragend', function() { new GClientGeocoder().getLocations(marker.getLatLng(),function(data) { document.getElementById("manual_coords").value = marker.getLatLng().lat().toFixed(6) + ", " + marker.getLatLng().lng().toFixed(6); } ) marker.openInfoWindowHtml( '<font face=\"Verdana\" size=\"2\">' + '<b>Koordinaten: </b>' + marker.getLatLng().lat().toFixed(6) + ", " + marker.getLatLng().lng().toFixed(6) + '<br/>' + '<b>Adresse: </b>' + place.address + "</font>"); } ); Jetzt, wo ich mir den Code nochmal anschaue bekomme ich folgende Idee: der Wert in place.address stammt noch aus der response vom geocoder (früher im code) und wird nach dem "draggen" nur nochmal ausgelesen. Hier müsste im "dragend"-Event nochmal der Geocoder gestartet werden und für die neuen Koordinaten die Adresse liefern, oder? Wie sieht das dann im Code aus?