Javascript 传单：图标标记不显示在地图的右侧点

我将在传单地图中放置自定义图标标记

第一次加载地图时，图标标记不会出现在给定坐标的右侧。它是“移动的”，如果你放大到最小值，图标就会出现在正确的点上。我想知道怎么了

var-map=L.map（'map'）.setView（[-36.60664，-72.10342]，4）；
map.options.minZoom=4；
map.options.maxZoom=18；
L.tileLayer（'http://{s}.tile.osm.org/{z}/{x}/{y}.png'{
属性：“©；贡献者”
}).addTo（地图）；
var LeafIcon=L.Icon.extend({
选项：{
//shadowUrl:'leaf shadow.png'，
iconSize:[30,30]，
//阴影大小：[50,64]，
iconAnchor:[22,94]，
//暗影主播：[4,62]，
popupAnchor:[-3，-76]
}
});
var myIcon=新的叶图标（{iconUrl:'http://icons.veryicon.com/128/System/Small%20%26%20Flat/map%20marker.png'});
L.marker（[-33.4247，-70.67877]，{icon:myIcon}）.bindpoop（“Parque Riverial Renato Poblete”）.addTo（地图）
#地图{
宽度：100%；
高度：600px；
}
您使用的图标是128x128。
您必须将其大小调整为30x30，这是您在选项中声明的大小

如果要使用自定义图标，还必须了解如何定义和

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

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