在Google地图上绘制两个点之间的部分路径,可以通过以下步骤实现:
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY"></script>
确保将YOUR_API_KEY
替换为你在第一步中获取的API密钥。
<div id="map"></div>
确保给该容器指定一个唯一的ID,这里使用的是map
。
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 marker1 = new google.maps.Marker({
position: {lat: LATITUDE_1, lng: LONGITUDE_1},
map: map,
title: 'Marker 1'
});
var marker2 = new google.maps.Marker({
position: {lat: LATITUDE_2, lng: LONGITUDE_2},
map: map,
title: 'Marker 2'
});
将LATITUDE_1
、LONGITUDE_1
、LATITUDE_2
和LONGITUDE_2
替换为两个标记点的纬度和经度。
var directionsService = new google.maps.DirectionsService();
var directionsRenderer = new google.maps.DirectionsRenderer();
directionsRenderer.setMap(map);
var request = {
origin: {lat: LATITUDE_1, lng: LONGITUDE_1},
destination: {lat: LATITUDE_2, lng: LONGITUDE_2},
travelMode: 'DRIVING'
};
directionsService.route(request, function(result, status) {
if (status == 'OK') {
directionsRenderer.setDirections(result);
}
});
将LATITUDE_1
、LONGITUDE_1
、LATITUDE_2
和LONGITUDE_2
替换为路径的起点和终点的纬度和经度。
这样,你就可以在Google地图上绘制两个点之间的部分路径了。请注意,以上代码仅为示例,实际应用中可能需要根据具体需求进行适当调整。
领取专属 10元无门槛券
手把手带您无忧上云