javascript - 使用带有地址的谷歌地图 GDirections

标签 javascript jquery google-maps

我需要使用 google map directions 来显示两个地址之间的方向。

如何使用地址显示谷歌地图?

此外,我有源地址和目标地址(没有纬度和经度),如何使用 jquery 显示地址之间的方向?

最佳答案

这很简单:

var map = new GMap2(document.getElementById('map_canvas'));
var directions = new GDirections(map);

directions.load('from: London, UK to: Glasgow, UK');

截图:

Using google map GDirections with address


更新:

使用 v3 API有点冗长,但仍然很简单:

var map = new google.maps.Map(document.getElementById('map_canvas'), {
  mapTypeId: google.maps.MapTypeId.ROADMAP
});

var directionsService = new google.maps.DirectionsService();
var directionsDisplay = new google.maps.DirectionsRenderer();

directionsDisplay.setMap(map);

var request = {
  origin: 'London, UK', 
  destination: 'Glasgow, UK',
  travelMode: google.maps.DirectionsTravelMode.DRIVING
};

directionsService.route(request, function(response, status) {
  if (status == google.maps.DirectionsStatus.OK) {
    directionsDisplay.setDirections(response);
  }
});

关于javascript - 使用带有地址的谷歌地图 GDirections,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3227533/

相关文章:

javascript - 如何在 vue.js 中将弹出悬停状态更改为事件状态(单击时)

jquery - 使 jQuery 数据表响应不同的窗口大小

javascript - 达到最大宽度后如何停止动画

google-maps - Chrome 中未显示 Google map 标记

android - 如何在Android中的行车方向模式下计算两点之间的距离

javascript - 以特定间隔将图像插入 DOM

javascript - window.location 结果为空

javascript - Angularjs html 标签正在显示

javascript - 如何根据当前url添加类

javascript - 捏缩放后 iPhone 谷歌地图 v3 平移