gpt4 book ai didi

javascript - 如何缩放传单中的所有标记

转载 作者:行者123 更新时间:2023-12-02 22:18:36 24 4
gpt4 key购买 nike

这是我必须在 map 上显示标记的代码:

var coordinates = data;

for (var i = 0; i < coordinates.length; i++) {
if (coordinates[i].x && coordinates[i].y) {
var marker = L.marker([coordinates[i].x, coordinates[i].y])
.bindPopup("Device: " + coordinates[i].device_type + '<br>' + "Time: " + coordinates[i].datetime)
.addTo(map);
}
}

它正在工作,但刷新页面时无法缩放以查看窗口中的所有标记。

我尝试过:

map.fitBounds(coordinates.getBounds());

但是它不起作用。

最佳答案

将您的代码更新为:

var fg = L.featureGroup();
fg.addTo(map)
var coordinates = data;
for (var i = 0; i < coordinates.length; i++) {
if (coordinates[i].x && coordinates[i].y) {
var marker = L.marker([coordinates[i].x, coordinates[i].y])
.bindPopup("Device: " + coordinates[i].device_type + '<br>' + "Time: " + coordinates[i].datetime)
.addTo(fg);
}
}



map.fitBounds(fg.getBounds());

关于javascript - 如何缩放传单中的所有标记,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59304605/

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