如何向leaflet.js地图添加北向箭头？

Question

有没有一种简单的方法可以将北箭头添加到leaflet.js地图？我在网上搜索了一下，但我找不到多少。

Answer 1

您可以使用北向箭头图像添加包含div的控件：

var north = L.control({position: "bottomright"});
north.onAdd = function(map) {
    var div = L.DomUtil.create("div", "info legend");
    div.innerHTML = '<img src="your-north-arrow.png">';
    return div;
}
north.addTo(map);

有关定位和其他选项的更多信息，请参阅Leaflet's control documentation。