Question

我想知道如何使用Leaflet.js，当我在地图上移动（拖动）或放大它时捕获事件。

我需要在地图上放置一些标记，并在我移动时加载更多标记（或卸载未在下一个位置显示的标记）或更改缩放级别。

你能帮我举几个例子吗？

谢谢！

Answer 1

看看这是否有帮助。

var fr = new FileReader();
fr.onload = function(e) {
    content = e.target.result; // here is the loaded content;
};
fr.readAsText(fileToLoad);

var map = L.map('map').setView([51.505, -0.09], 13);

L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
  attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
}).addTo(map);

L.marker([51.5, -0.09]).addTo(map)
  .bindPopup('A pretty CSS3 popup.<br> Easily customizable.')
  .openPopup();
  
L.marker([51, -0.09]).addTo(map)
  .bindPopup('A pretty CSS3 popup.<br> Easily customizable.')
  .openPopup();
  
  //just keep adding more L.markers and coordinates and they should populate on the map

#map {
  height: 180px;
}

Answer 2

这是我找到的解决方案：

const tracer = require('dd-trace').init();
tracer.use('http', {
    service: 'test'
});

仅此而已。简而言之：）

Leaflet.js使用移动和缩放事件

2 个答案: