如何在 Google 地图方向 API 中显示地点标签而不是 A 或 B?
How do I display place labels instead of A or B in Google Maps directions API?
我想在地图上显示地点名称而不是标签 A 和 B。如何在 Google 地图路线 API 中显示?例如,只是 Start
和 End
或 Miami Port
到 Miami Tower
。
CODE
let directionsDisplay;
let directionsService = new google.maps.DirectionsService();
let map;
directionsDisplay = new google.maps.DirectionsRenderer();
let myOptions = {
mapTypeId: google.maps.MapTypeId.ROADMAP,
};
let mapArea = document.getElementById("map_canvas_track_order");
map = new google.maps.Map(mapArea, myOptions);
directionsDisplay.setMap(map);
let start = `25.757928, -80.192897`;
let end = `25.771969, -80.191235`;
let request = {
origin:start,
destination:end,
travelMode: google.maps.DirectionsTravelMode.DRIVING
};
directionsService.route(request, function(response, status) {
if (status === google.maps.DirectionsStatus.OK) {
directionsDisplay.setDirections(response);
}
});
CURRENT MAP PREVIEW
您可以隐藏默认标记 A
和 B
使用 suppressMarkers
属性 作为 true
。
directionsDisplay = new google.maps.DirectionsRenderer({map: map, suppressMarkers: true});
然后使用 Marker
在端点制作您自己的标记。
var marker = new google.maps.Marker({
position: ,
label: "~what you want~",
map: map
});
我想在地图上显示地点名称而不是标签 A 和 B。如何在 Google 地图路线 API 中显示?例如,只是 Start
和 End
或 Miami Port
到 Miami Tower
。
CODE
let directionsDisplay;
let directionsService = new google.maps.DirectionsService();
let map;
directionsDisplay = new google.maps.DirectionsRenderer();
let myOptions = {
mapTypeId: google.maps.MapTypeId.ROADMAP,
};
let mapArea = document.getElementById("map_canvas_track_order");
map = new google.maps.Map(mapArea, myOptions);
directionsDisplay.setMap(map);
let start = `25.757928, -80.192897`;
let end = `25.771969, -80.191235`;
let request = {
origin:start,
destination:end,
travelMode: google.maps.DirectionsTravelMode.DRIVING
};
directionsService.route(request, function(response, status) {
if (status === google.maps.DirectionsStatus.OK) {
directionsDisplay.setDirections(response);
}
});
CURRENT MAP PREVIEW
您可以隐藏默认标记 A
和 B
使用 suppressMarkers
属性 作为 true
。
directionsDisplay = new google.maps.DirectionsRenderer({map: map, suppressMarkers: true});
然后使用 Marker
在端点制作您自己的标记。
var marker = new google.maps.Marker({
position: ,
label: "~what you want~",
map: map
});