Отображение каждого шага геокодирования направлений - PullRequest
Новая
       14

Отображение каждого шага геокодирования направлений

2 голосов
/ 23 марта 2010

Google Maps API может построить Направление от источника к месту назначения. В следующем примере Google каждый шаг публикуется в HTML-код: http://code.google.com/apis/maps/documentation/examples/directions-simple.html

Я хотел бы получить геокодирование каждого шага в этом направлении и сохранить их в массиве. Я верю, что это возможно, но я не понимаю, как это сделать.

Большое спасибо за любой ответ. Привет

1 Ответ

3 голосов
/ 23 марта 2010

Да, вы можете легко получить отдельные шаги из GDirections .

Сначала вы должны обязательно указать параметр getSteps: true при вызове метода GDirections.load(). Затем вы можете просто перебрать GDirections.getRoute(i).getStep(j), как в следующем примере: 

<!DOCTYPE html>
<html> 
<head> 
   <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> 
   <title>Google Maps Simple Directions Demo</title> 
   <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=false" 
              type="text/javascript"></script>
</head> 
<body onunload="GUnload()">
   <div id="map" style="width: 550px; height: 400px"></div> 

   <script type="text/javascript"> 
      var map = new GMap2(document.getElementById("map"));
      var directions = new GDirections(map);

      directions.load('from: London, UK to: Glasgow, UK', { getSteps: true });

      GEvent.addListener(directions, "load", function() {
         if (directions.getNumRoutes() > 0) {
            for (var i = 0; i < directions.getRoute(0).getNumSteps(); i++) {
               directions.getRoute(0).getStep(i).getLatLng().lat();
               directions.getRoute(0).getStep(i).getLatLng().lng();
               directions.getRoute(0).getStep(i).getDescriptionHtml();
               directions.getRoute(0).getStep(i).getPolylineIndex();
               directions.getRoute(0).getStep(i).getDistance().meters;
               directions.getRoute(0).getStep(i).getDuration().seconds;
            }
         }
      });
   </script> 
</body> 
</html>

Дополнительная литература и справочник:

...