在Google Map JavaScript上为不同用户创建不同路由,可以通过以下步骤实现:
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&libraries=places"></script>
确保将YOUR_API_KEY替换为你在步骤1中获取的API密钥。
<div id="map"></div>
var map = new google.maps.Map(document.getElementById('map'), {
center: {lat: YOUR_LATITUDE, lng: YOUR_LONGITUDE},
zoom: ZOOM_LEVEL
});
确保将YOUR_LATITUDE和YOUR_LONGITUDE替换为地图的初始中心点的纬度和经度,以及ZOOM_LEVEL替换为所需的缩放级别。
var directionsService = new google.maps.DirectionsService();
var directionsRenderer = new google.maps.DirectionsRenderer();
var request = {
origin: ORIGIN_COORDINATES,
destination: DESTINATION_COORDINATES,
travelMode: google.maps.TravelMode.DRIVING
};
directionsService.route(request, function(result, status) {
if (status == google.maps.DirectionsStatus.OK) {
directionsRenderer.setDirections(result);
}
});
directionsRenderer.setMap(map);
确保将ORIGIN_COORDINATES和DESTINATION_COORDINATES替换为起点和终点的坐标。
这是一个基本的示例,用于在Google Map JavaScript上为不同用户创建不同路由。根据你的具体需求,你可以进一步扩展和定制这个功能。
领取专属 10元无门槛券
手把手带您无忧上云