javascript - 有没有办法根据传单中的缩放级别调整标记图标的大小？

Question

我正在为学校制作一个项目，我需要根据传单 map 中的缩放级别调整标记图标的大小，有没有一种简单的方法可以完成此任务？网上有教程吗？预先感谢您的帮助!!!

Answer 1

为了在放大/缩小时更改标记的大小，您需要处理该事件。

map.on('zoomend', function() { });

只要 map 完成放大或缩小，就会调用 zoomend 事件。请参阅 API here .

现在，在此函数内，您可以调用自定义代码来更改标记的大小。例如，假设您想采用一种简单的方法，并将圆形标记的大小设置为等于 map 缩放级别的大小。请参阅 CircleMarker 的 API here

// Create some marker that will be resized on the map zooming
var myMarker = new L.CircleMarker([10,10], { /* Options */ });

map.on('zoomend', function() {
  var currentZoom = map.getZoom();
  myMarker.setRadius(currentZoom);
});

现在，每本地图放大或缩小时，标记的大小都会改变。