kostenloser Webspace werbefrei: lima-city


Google Maps Api v3 entsprechend v2 anpassen

lima-cityForumDie eigene HomepageHomepage Allgemein

  1. Autor dieses Themas

    cdot

    Kostenloser Webspace von cdot

    cdot hat kostenlosen Webspace.

    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:
    <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&amp;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>
    Dieser code ist aus verschiedenen Tutorials zusammengestoppelt und hat auch einwandfrei funktioniert, bis ich diese Tage einen beta-Versuch online stellen wollte...
    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 :wink:
    mfg Cdot
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. Dein Code sollte und müßte auch weiterhin funktionieren, wenn Du beim API-Aufruf nicht explizit die Schnittstelle zur Version 3 ansprechen würdest. :wink:
  4. Autor dieses Themas

    cdot

    Kostenloser Webspace von cdot

    cdot hat kostenlosen Webspace.

    fatfreddy schrieb:
    Dein Code sollte und müßte auch weiterhin funktionieren, wenn Du beim API-Aufruf nicht explizit die Schnittstelle zur Version 3 ansprechen würdest. :wink:
    Sorry, da hab ich schon mit der neuen version experimentiert und dies nicht rückgängig gemacht :wink:

    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 :wink:
  5. cdot schrieb:
    Punkt 2) gibt mir allerdings immer noch Rätsel auf :wink:


    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. :wink:



    Beitrag zuletzt geändert: 28.3.2013 0:22:22 von fatfreddy
  6. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!