Question

有没有办法将Sat-Nav地理位置类型映射嵌入到网站中？基本上可以让您逐个实时指示。

我知道Google地图应用程序具有此功能，但我需要将其实施到网站中，任何指导都会很棒。

谢谢

Answer 1

谷歌地图，而不仅仅是应用程序，具有此功能您可以使用他们的JavaScript API
您可以在他们的api找到示例和文档对于路线，您需要使用他们的directions service

要在Google Maps JavaScript API中使用路线，请创建一个对象   类型DirectionsService并致电DirectionsService.route()   向Directions服务发起请求，并将其传递给   DirectionsRequest包含输入词和a的对象文字   收到响应后执行的回调方法。

DirectionsRequest对象文字包含以下字段：

{
  origin: LatLng | String | google.maps.Place,
  destination: LatLng | String | google.maps.Place,
  travelMode: TravelMode,
  transitOptions: TransitOptions,
  drivingOptions: DrivingOptions,
  unitSystem: UnitSystem,
  waypoints[]: DirectionsWaypoint,
  optimizeWaypoints: Boolean,
  provideRouteAlternatives: Boolean,
  avoidHighways: Boolean,
  avoidTolls: Boolean,
  region: String
}

向DirectionsService发起路线请求 route()方法需要传递一个执行的回调完成服务请求。这个回调将返回一个响应中的DirectionsResult和DirectionsStatus代码。

以下示例将发出路线请求并在directionsPanel div

中显示回复

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,
    center: chicago
  }
  map = new google.maps.Map(document.getElementById("map"), mapOptions);
  directionsDisplay.setMap(map);
  directionsDisplay.setPanel(document.getElementById("directionsPanel"));
}

function calcRoute() {
  var start = document.getElementById("start").value;
  var end = document.getElementById("end").value;
  var request = {
    origin:start,
    destination:end,
    travelMode: google.maps.TravelMode.DRIVING
  };
  directionsService.route(request, function(response, status) {
    if (status == google.maps.DirectionsStatus.OK) {
      directionsDisplay.setDirections(response);
    }
  });
}

在HTML正文中：

<div id="map" style="float:left;width:70%; height:100%"></div>
<div id="directionsPanel" style="float:right;width:30%;height 100%"></div>

Satnav喜欢将方向嵌入网站

1 个答案: