如何使用polygonOptions(JS)制作虚线符号(多段线)

Question

如何使用此接口制作虚线符号(多段线(在此处输入图像描述

Answer 1

您似乎正在寻找这样的方法，通过将多段线的不透明度设置为0，并在多段线上以规则间隔绘制不透明符号，可以将多段段线转换为虚线。

function initMap() {
const map = new google.maps.Map(document.getElementById("map"), {
zoom: 6,
center: { lat: 20.291, lng: 153.027 },
mapTypeId: "terrain",
});
// Define a symbol using SVG path notation, with an opacity of 1.
const lineSymbol = {
path: "M 0,-1 0,1",
strokeOpacity: 1,
scale: 4,
};

const line = new google.maps.Polyline({
path: [
{ lat: 22.291, lng: 153.027 },
{ lat: 18.291, lng: 153.027 },
],
strokeOpacity: 0,
icons: [
{
icon: lineSymbol,
offset: "0",
repeat: "20px",
},
],
map: map,
});
}