jquery - Javascript draw directions when take data from json -


this basic question please becouse try solve 3 days , dont have answer. try many solutions again same.

here have narray functions return me bigarray json, contain objects this: bigarray

  array[5]     0: object     1: object          distance_from_previous_object_location: 2.087970147789207          lat: "48.866588"          leftposition: 183          lng: "2.309037999999987"          topposition: 57             __proto__: object     2: object     3: object     4: object     length: 5     __proto__: array[0] 

so here have "n" number of object. objects contain lat , lng.

i try solve problem basic google example: http://jsfiddle.net/6vz52/3/ here have problem how change <option value in google example json(lat,lng) data code.

i try code:

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>     <script> var directionsdisplay; var directionsservice = new google.maps.directionsservice(); var map;  function initialize() {   directionsdisplay = new google.maps.directionsrenderer();   var chicago = new google.maps.latlng(41.850033, -87.6500523);   var mapoptions = {     zoom:7,     maptypeid: google.maps.maptypeid.roadmap,     center: chicago   }   map = new google.maps.map(document.getelementbyid('map-canvas'), mapoptions);   directionsdisplay.setmap(map); }  function calcroute() {   var start = document.getelementbyid('start').value;   var end = document.getelementbyid('end').value;   var request = {       origin:start,       destination:end,       travelmode: google.maps.directionstravelmode.driving   };   directionsservice.route(request, function(response, status) {     if (status == google.maps.directionsstatus.ok) {       directionsdisplay.setdirections(response);     }   }); }  google.maps.event.adddomlistener(window, 'load', initialize);      </script> 

but don't know , how put json (lat,lng) data , draw multiple directions on map.

how can show directions in map coordinates in objects?

update: google code not neccesary must (you can put other google code example , integrate json), need solution draw direction based on json array

you can put latitude , longitude in start value separated comma. google accepts putting search in there.

so have like:

var start = lat + ',' + lng; 

if need change option value on fly can this:

document.getelementbyid('start').value = lat + ',' + lng; 

Comments

Popular posts from this blog

image - ClassNotFoundException when add a prebuilt apk into system.img in android -

I need to import mysql 5.1 to 5.5? -

Java, Hibernate, MySQL - store UTC date-time -