-2

有没有办法将 Sat-Nav 地理定位类型映射嵌入到网站中？基本上为您提供轮流实时方向。

像这样

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

谢谢

4

1 回答 1

-1

谷歌地图，不仅仅是应用程序，有这个功能。
你可以使用他们的JavaScript API
你可以在他们的 api 中找到示例和文档。
对于路线，您需要使用他们的路线服务

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

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

以下示例将发出路线请求并在directionsPaneldiv中显示响应

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>
于 2016-06-27T10:19:43.303 回答