Refresh Google Maps API route

I have a code: var directionsService = new google.maps.DirectionsService(); var directionsDisplay = new google.maps.DirectionsRenderer(); var map = new google.maps.Map(document.getElementById('map'), { zoom:6, mapTypeId: google.maps.MapTypeId.ROADMAP }); directionsDisplay.setMap(map); var request = { origin: '', destination: '', travelMode: google.maps.DirectionsTravelMode.DRIVING }; directionsService.route(request, function(response, status) { if (status == google.maps.DirectionsStatus.OK) { route=Math.round(parseFloat(response.routes[0].legs[0].distance.value)*0.002); } }); I need to make Google Maps refresh the route when I enter new origin and destination in two inputs I'm thinking something about: function renewMap() { loc=$('input[name=location]').val(); des=$('input[name=destination]').val(); var request = { origin: loc, destination: des, travelMode: google.maps.DirectionsTravelMode.DRIVING }; directionsService.route(request, function(response, status) { if (status == google.maps.DirectionsStatus.OK) { route=Math.round(parseFloat(response.routes[0].legs[0].distance.value)*0.002); } }); } But obviously this doesn't work.
Are you getting loc and des values??

以上就是Refresh Google Maps API route的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » jQuery 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏