Get coordonées google map v2

Fermé
ussef - Modifié par BmV le 3/01/2011 à 11:35
Bonjour,

j'ai une Google map v2 je veux cliqué sur le map to get coordonnée , dans un champ text
coordonnées de point sélectionnée. j'ai essayé ça mais ça marche pas merci de m'aider

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml"> 
  <head> 
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/> 
    <title>Google Maps AJAX + MySQL/PHP Example</title> 
    <script src="http://maps.google.com/..." 
            type="text/javascript"></script> 

    <script type="text/javascript"> 
    //<![CDATA[ 

    var iconBlue = new GIcon();  
    iconBlue.image = 'http://labs.google.com/ridefinder/images/mm_20_blue.png'; 
    iconBlue.shadow = 'http://labs.google.com/ridefinder/images/mm_20_shadow.png'; 
    iconBlue.iconSize = new GSize(12, 20); 
    iconBlue.shadowSize = new GSize(22, 20); 
    iconBlue.iconAnchor = new GPoint(6, 20); 
    iconBlue.infoWindowAnchor = new GPoint(5, 1); 
  
  

    var iconRed = new GIcon();  
    iconRed.image = 'http://labs.google.com/ridefinder/images/mm_20_red.png'; 
    iconRed.shadow = 'http://labs.google.com/ridefinder/images/mm_20_shadow.png'; 
    iconRed.iconSize = new GSize(12, 20); 
    iconRed.shadowSize = new GSize(22, 20); 
    iconRed.iconAnchor = new GPoint(6, 20); 
    iconRed.infoWindowAnchor = new GPoint(5, 1); 

    var customIcons = []; 
    customIcons["restaurant"] = iconBlue; 
    customIcons["bar"] = iconRed; 

    function load() { 
      if (GBrowserIsCompatible()) { 
        var map = new GMap2(document.getElementById("map")); 
        map.addControl(new GSmallMapControl()); 
        map.addControl(new GMapTypeControl()); 
        map.setCenter(new GLatLng(47.614495, -122.341861), 13); 
   map.enableScrollWheelZoom(); 

        GDownloadUrl("xml-coord.php", function(data) { 
          var xml = GXml.parse(data); 
          var markers = xml.documentElement.getElementsByTagName("marker"); 
          for (var i = 0; i < markers.length; i++) { 
            var name = markers[i].getAttribute("name"); 
            var address = markers[i].getAttribute("address"); 
            var type = markers[i].getAttribute("type"); 
            var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")), 
                                    parseFloat(markers[i].getAttribute("lng"))); 
            var marker = createMarker(point, name, address, type); 
            map.addOverlay(marker); 
          } 
        }); 
      } 
    } 

    function createMarker(point, name, address, type) { 
      var marker = new GMarker(point, customIcons[type]); 
      var html = "<b><a href='' >" + name + "</a></b> <br/>" + address; 
      GEvent.addListener(marker, 'click', function() { 
        marker.openInfoWindowHtml(html); 
      }); 
      return marker; 
    } 
    //]]> 
  </script> 

  </head> 

  <body onload="load()" onunload="GUnload()"> 
    <div id="map" onClick="document.getElementById('lat').value=getLatLng()" style="width: 500px; height: 300px"></div> 
     
    <input name="latitude" type="text"  id="lat"/> 
     

  </body> 
</html> 

A voir également: