如何在 leaflet 中將標記精確居中到 Div 的中心

Question

如何將標記精確設置到 map div 塊的中心標記移動到右側並且不可見。

 <div id="map" #map >


 </div>
 this.map = L.map('map', {
  center: [20.5937, 78.9629],
  zoom: 5,
  zoomControl: true,
  trackResize: true,
});
const that = this;

this.map.flyTo(new L.LatLng(20.5937, 78.9629), 15, { animation: true });

如何准確地居中到屏幕的中心

Answer 1

您可以讀出 map 的中心。 map.getCenter()

var marker = L.marker(map.getCenter()).addTo(map)

如果您希望標記始終居中，即使在移動之后：

map.on('move',function(e){
  marker .setLatLng(map.getCenter());
  map._renderer._update();
});

http://jsfiddle.net/falkedesign/f0p5rj89/