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
Post a Comment