自定义图标无法加载或在leafetjs中工作

Question

关于为什么我的地图根本无法加载的任何提示。它无需此代码即可工作。但即使默认图标也不会加载任何建议？

var myIcon = L.icon({
    iconUrl: url('images/Icons/Cross_Map_Icon.png')
    iconAnchor: [22, 94],">
    popupAnchor: [-3, -76],  
});

for ( var i=0; i < markers.length; ++i, {icon:myIcon}) 
{
  L.marker( [markers[i].lat, markers[i].lon] )
  .bindPopup( '<a href="' + markers[i].website + '" target="_blank">' + 
   markers[i].Church+ '</a>' )
  .addTo(maped);
}

Answer 1

似乎您在定义iconAnchor属性时可能有错字。你的意思是这样吗？

iconAnchor: [22, 94],

在iconUrl属性之后，您可能还需要逗号。我认为您可能希望myIcon变量看起来像这样：

var myIcon = L.icon({
    iconUrl: url('images/Icons/Cross_Map_Icon.png'),
    iconAnchor: [22, 94],
    popupAnchor: [-3, -76],  
});