gpt4 book ai didi

javascript - 带标记的 OSM 折线

转载 作者:行者123 更新时间:2023-12-01 00:24:49 26 4
gpt4 key购买 nike

我使用此代码在 OSM 上有一些自定义折线

var polyline1 = [
[44.772142, 17.208980],
[44.774753, 17.207644],
[44.773964, 17.199587],
[44.770823, 17.199207],
[44.771399, 17.195699],
];

for (var i = 0; i < polyline1.length; i++) {
var polyline = L.polyline(polyline1, {
color: 'red'
}).addTo(map);;
}

我需要在所有这些坐标上带有弹出窗口的标记,此代码无法与其他代码一起使用:

for (var i = 0; i < polyline1.length; i++) {
var marker = L.marker([polyline1[i][1],polyline1[i][2]])
.bindPopup(polyline1[i][0])
.addTo(map);
}

有什么解决办法吗?

最佳答案

这比你做的要简单得多。

// Define some custom icons

var icon1 = L.icon(...);
var icon2 = L.icon(...);
var icon3 = L.icon(...);
var icon4 = L.icon(...);
var icon5 = L.icon(...);


var icons = [ icon1, icon2, icon3, icon4, icon5];


// Define the points

var polyline1 = [
[44.772142, 17.208980],
[44.774753, 17.207644],
[44.773964, 17.199587],
[44.770823, 17.199207],
[44.771399, 17.195699],
];

// Add a marker at each point

polyline1.forEach(function(LatLng, i) {
L.marker(LatLng, {icon: icons[i]}).addTo(map);
});

// Add a polyline

L.polyline(polyline1, { color: 'red' }).addTo(map);

关于javascript - 带标记的 OSM 折线,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59103942/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com