Leaflet：图标标记未出现在地图的右侧

Question

我在传单地图中放置了一个自定义图标标记。

第一次加载地图时，图标标记不会出现在右边的coordenates中。它被“移动”，然后，如果你放大直到最小图标出现在正确的点。我想知道什么是错的。

	#map {
		width: 100%;
		height: 600px;
	}

<link href="https://unpkg.com/leaflet@1.0.3/dist/leaflet.css" rel="stylesheet"/>
<script src="https://unpkg.com/leaflet@1.0.3/dist/leaflet.js"></script>

<div id='map'></div>

{{1}}

Answer 1

您使用的图标是128x128。 您必须将其大小调整为30x30，这是您在选项中声明的大小。

如果您想使用自定义图标，还必须了解iconAnchor和popupAnchor的定义方式。

在您的情况下，可能的值可能是：

iconSize:    [30, 30],
iconAnchor:  [15, 30],
popupAnchor: [0, -25],