Question

请参阅this screenshot了解我的目标。就像在maps.google.com上一样，我想右键点击标记并让它显示方向选项。我试图查看Google Maps API3开发人员指南，但我找不到解决方案。这是我目前的代码：

function initialize() {
  var myLatlng = new google.maps.LatLng(38.578809, -121.493758);
  var mapOptions = {
    zoom: 14,
    center: myLatlng,
    streetViewControl: false,
    scaleControl: true,
    scrollwheel: false,
    mapTypeControl: false,
    panControl: false,
    zoomControl: true,
    zoomControlOptions: {
        style: google.maps.ZoomControlStyle.SMALL,
        position: google.maps.ControlPosition.RIGHT_TOP
    }
  }
  var map = new google.maps.Map(document.getElementById('googlemaps'), mapOptions);

  var marker = new google.maps.Marker({
      position: myLatlng,
      map: map,
      title: 'Project Church Downtown'
  });
}

google.maps.event.addDomListener(window, 'load', initialize);

Answer 1

您要求的内容看似简单，但实际上需要相当多的工作。

我建议查看此反向地理编码指南： https://developers.google.com/maps/documentation/geocoding/#ReverseGeocoding

以及此指示服务指南： https://developers.google.com/maps/documentation/javascript/directions

路线服务示例： https://developers.google.com/maps/documentation/javascript/examples/directions-simple

您需要使用HTML5地理位置确定移动用户当前GPS或桌面用户大致位置的起点。然后处理点击的终点并路由两个位置。

对于初学者，您可以获得右击事件的坐标。

google.maps.event.addListener(map, "rightclick", function(event) {
    var lat = event.latLng.lat();
    var lng = event.latLng.lng();
});

如何在标记上添加基本方向，请点击maps.google.com

1 个答案: