Google Maps Api v3 entsprechend v2 anpassen
lima-city → Forum → Die eigene Homepage → Homepage Allgemein
ansprechen
aufruf
beliebigen punkt
berechneten kilometer
berechneten route
code
empfohlen bekommen
fassen
funktionieren
hilfeleistung
koordinate
label
problem
punkt
rechnung
schnittstelle
simplen code
studieren
tag
url
-
Salvete omnes!
Meine Thema beinhaltet eigentlich gleich 2 Fragen:
1) In meiner bisher nur local erstellten homepage habe ich via Googe Maps api v2 eine eben solche map eingebunden, welche erstens mit einer "searchbar" versehen war und mir zweitens bei einem einfachen Klick auf einen tag/beliebigen punkt">beliebigen Punkt die Koordinaten der angeklickten Position in zwei labels ausgegeben hat.
Der code dazu:
Dieser code ist aus verschiedenen Tutorials zusammengestoppelt und hat auch einwandfrei funktioniert, bis ich diese Tage einen beta-Versuch online stellen wollte...<head> <script src="http://maps.google.com/maps/api/js?v=3&sensor=true&key=xxxxxxx" type="text/javascript"></script> <script src="http://www.google.com/uds/api?file=uds.js&v=1.0" type="text/javascript"></script> <script src="http://www.google.com/uds/solutions/localsearch/gmlocalsearch.js" type="text/javascript"></script> <script type="text/javascript"> function initialize() { if (GBrowserIsCompatible()) { // erstellen und zentrieren der Karte und Cursor als Fadenkreuz var map = new GMap2(document.getElementById("map_canvas"), {draggableCursor:'crosshair', draggingCursor: 'pointer'}); map.setCenter(new GLatLng(47.68018294648414, 13.7548828125), 6); // Zoomfunktion und Navigation auf der linken Kartenseite map.addControl(new GLargeMapControl()); // Kontrollelemente des Kartentyps (Straßenansicht, Satelit oder Hybrid) map.addControl(new GMapTypeControl()); // Zoom bei Doppelklick map.enableDoubleClickZoom(); // Weiches Zoomen einschalten map.enableContinuousZoom(); map.enableScrollWheelZoom(); // einbinden eines Suchfeldes in die Karte (hier: rechts unten) map.addControl(new google.maps.LocalSearch(), new GControlPosition(G_ANCHOR_BOTTOM_RIGHT, new GSize(10,20))); // Reaktion auf ein Klick: Ausgabe der Koordinaten GEvent.addListener(map, 'click', function(overlay, point){ if (point){ document.getElementById('latitude').value = point.y; document.getElementById('longitude').value = point.x; } } ); } } GSearch.setOnLoadCallback(initialize); </script> </head> <body onLoad="initialize()" onUnload="GUnload()"> <div id="map_canvas" style="font-size:9px; width:510px; height:330px;"></div> <label style="margin-left:4px; float:right; margin-right:35px;"> Longitude: <input type="text" name="longitude" id="longitude" class="latlng" readonly></label> <label style="float:right;">Latitude: <input type="text" name="latitude" id="latitude" class="latlng" readonly></label> </body>
Jetzt benötige ich nämlich einen "api key v3", der alleine zwar kein Problem darstellt, jedoch den gesamten verwendeten code dazu zwingt, angepasst zu werden, da er so mit neuem key nicht mehr funktioniert...
Gibt es jemanden, der diesem Problem gewachsen ist und mir helfen könnte? (Ich habe zwar schon versucht die developer-Anleitung von google selbst zu studieren, jedoch finde ich mich dort überhaupt nicht zurecht...)
2) weiters hatte ich anschließend eine weiter map mit einer berechneten Route. Gibt es eine Möglichkeit, die berechneten Kilometer in eine php-Variable zu fassen um damit weitere Rechnungen anzustellen?
vielen Dank schonmal fürs lesen und eine hoffentlich mögliche Hilfeleistung
mfg Cdot -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Dein Code sollte und müßte auch weiterhin funktionieren, wenn Du beim API-Aufruf nicht explizit die Schnittstelle zur Version 3 ansprechen würdest.
-
fatfreddy schrieb:
Sorry, da hab ich schon mit der neuen version experimentiert und dies nicht rückgängig gemacht
Dein Code sollte und müßte auch weiterhin funktionieren, wenn Du beim API-Aufruf nicht explizit die Schnittstelle zur Version 3 ansprechen würdest.
Der Punkt 1) hat sich mittlerweile allerdings erledigt, habe diesen (eigentlich sehr simplen) Code empfohlen bekommen und der funktioniert einwandfrei (falls in Zukunft jemand das selbe Problem hat wie ich):map.setOptions({draggableCursor:'crosshair'}); google.maps.event.addListener(map, 'click', function(event){ document.getElementById('latitude').value = + event.latLng.lat(); document.getElementById('longitude').value = + event.latLng.lng() });
Punkt 2) gibt mir allerdings immer noch Rätsel auf
-
cdot schrieb:
Punkt 2) gibt mir allerdings immer noch Rätsel auf
Hier noch mal die Fragestellung:
2) weiters hatte ich anschließend eine weiter map mit einer berechneten Route. Gibt es eine Möglichkeit, die berechneten Kilometer in eine php-Variable zu fassen um damit weitere Rechnungen anzustellen?
...und die Antwort dazu:
Die Maps-API basiert auf Javascript, wird also rein auf Seiten des Client ausgeführt.
PHP-Code hingegen, wird vor der Übertragung an den User interpretiert. Klingelt was?
Du kannst per Ajax die berechneten Kilometer an ein PHP-Skript weiterreichen, welches dann die, von dir gewünschten Berechnungen vornimmt, die dann wiederum per JS an den Client ausgeliefert werden. Das wäre, m.E., der einzige Weg, das mittels PHP zu realisieren.
Einfacher wäre es sicher, den Wert per JS weiter zu verarbeiten.
Beitrag zuletzt geändert: 28.3.2013 0:22:22 von fatfreddy -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
