Google Maps géocodage (adresse à GLatLng)

StackOverflow https://stackoverflow.com/questions/2994424

Question

Je suis en train de dessiner une polyligne géodésique avec Google Maps API JavaScript de deux points adresse . 

var polyOptions = {geodesic:true};
var polyline = new GPolyline([
    new GLatLng(),
    new GLatLng()
  ], "#f36c25", 5, 0.8, polyOptions
);

map.addOverlay(polyline);

if (GBrowserIsCompatible()) {
  map.addOverlay(polyline);
}

Quelqu'un pourrait-il me dire comment puis-je géocodage dynamiquement une adresse en coordonnées GLatLng? Je suis un peu confus après avoir lu documentation API Google .

Était-ce utile?

La solution

Vous pouvez consulter l'exemple suivant. D'abord, il essaie de géocodage address1. Si elle réussit, elle essaie de géocodage address2. Si les deux réussissent, il trace la polyligne géodésique entre les deux coordonnées, et deux marqueurs: 

<!DOCTYPE html>
<html> 
<head> 
  <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> 
  <title>Google Maps API Geocoding Demo</title> 
  <script src="http://maps.google.com/maps/api/js?sensor=false" 
          type="text/javascript"></script>
</head> 
<body>
  <div id="map" style="width: 500px; height: 400px;"></div>

  <script type="text/javascript">
    var address1 = 'London, UK';
    var address2 = 'New York, US';

    var map = new google.maps.Map(document.getElementById('map'), {
      zoom: 2,
      center: new google.maps.LatLng(35.00, -25.00),
      mapTypeId: google.maps.MapTypeId.ROADMAP
    });

    var gc = new google.maps.Geocoder();

    gc.geocode({'address': address1}, function (res1, status) {
      if (status == google.maps.GeocoderStatus.OK) {
        gc.geocode({'address': address2}, function (res2, status) {
          if (status == google.maps.GeocoderStatus.OK) {
            new google.maps.Marker({
              position: res1[0].geometry.location,
              map: map
            });

            new google.maps.Marker({
              position: res2[0].geometry.location,
              map: map
            });

            new google.maps.Polyline({
              path: [
                res1[0].geometry.location,
                res2[0].geometry.location
              ],
              strokeColor: '#FF0000',
              geodesic: true,
              map: map
            });
          }
        });
      }            
    });

  </script>
</body>
</html>

Capture d'écran:

API Google Maps g&eacute;ocodage Demo

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top