使用传单将标记绑定到地图中心

Question

我通常使用Google地图，并使用它将十字线图标绑定到地图中心

    var image = {
        url: 'images/site/crosshair.png',
        size: new google.maps.Size(32, 32),
        origin: new google.maps.Point(0,0),
        anchor: new google.maps.Point(16, 16)
    };

    var xhr = new google.maps.Marker({
        map: map,
        icon: image
    });
    xhr.bindTo('position', map, 'center');

如何使用leaflet.js复制此文件？ 我有这样一个图标，它设置在中心，但是随着地图的拖动或缩放它不会更新

//create crosshair icon
var crosshair = L.icon({
  iconUrl: 'img/site/crosshair.png',
  iconSize: [32, 32],
  iconAnchor:[16,37]
});

L.marker(map.getCenter(), {icon: crosshair}).addTo(map);

希望你能帮忙

Answer 1

您必须聆听地图的移动事件并重新定位标记。

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

看这个例子

注意：显然，传单比googlemaps api做得更好。 参见示例 。