首页 > 解决方案 > 如何将标记准确地居中到传单中 Div 的中心

问题描述

如何将标记精确设置到地图 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 });

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

标签: javascriptleaflet

解决方案


您可以读出地图的中心。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/


推荐阅读