javascript - 如何在leafletjs中将传单标记设置为div标签的中心

Question

我希望标记位于 map 的中心，但这是错误的。我阅读了其余的文章，但我的问题没有解决。

	var map = L.map('map').setView([lat, lng], 18);

L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=pk', {
    maxZoom: 18,
    id: 'mapbox.streets',
    accessToken: 'pk',
    attribution: 'nemajoo',
    watch: true
}).addTo(map);
var LeafIcon = L.Icon.extend({
    options: {

        iconSize:     [28, 60],
        shadowSize:   [50, 64],
        iconAnchor:   [22, 94],
        shadowAnchor: [4, 62],
        popupAnchor:  [-3, -76]
    }
});
var greenIcon = new LeafIcon({iconUrl: 'images/mrk.png'});
var center = map.getCenter();
var marker = L.marker([center.lat, center.lng],{icon: greenIcon}).addTo(map);

Answer 1

鉴于我们没有图像，这里的问题可能出现在 3 个配置中的任何一个中:

• mrk.png 图像内有一些间距，这可以使用任何图像编辑工具来修复。
• anchor 标记上的选项对象移动图像，使其看起来不居中。
• 当你设置中心时，据我所知，你首先从 map 上获取中心，然后使用这个中心来定位图标，这做得很好，但是具有远距离缩放的标记不代表它的中心准确。

简历中:问题出在 png 或 anchor 配置上，修改这些值并重试。

如果这不起作用，您可以上传一个示例最小项目，以便我们进行检查(不要上传 api key 或类似内容)