javascript - 如何在 L.geoJSON pointToLayer 中实例化 Marker

Question

当我包含以下代码时，没有出现任何标记，并且控制台中的错误是:

Uncaught TypeError: this.callInitHooks is not a function at pointToLayer.

如果您知道任何解决方案，请分享。

var map = L.map('map', {
            center: [53.423933, -7.94069], 
            zoom: 7,
            layers: [grayscale]
        });

var url = "howdy.json";

var geojsonMarkerOptions = L.icon({
            iconUrl: 'howdy.png',
            iconSize:     [16, 28], 
            iconAnchor:   [8, 18], 
            popupAnchor:  [-3, -13] 
        });

function forEachFeature(feature, layer) {

        var popupContent = 
        feature.properties.Cabin+
        feature.properties.Crew + 
        feature.properties.Mobile;

        if (feature.properties && feature.properties.popupContent) {
            popupContent += feature.properties.popupContent;
        }
            layer.bindPopup(popupContent);
        };

      var howdy = L.geoJSON(null, {
        onEachFeature: forEachFeature, 
        pointToLayer: function (feature, latlng) {
            return L.Marker(latlng, geojsonMarkerOptions);
        }
  });

$.getJSON(url, function(data) {
        Shelter.addData(data);
});

Shelter.addTo(map);

Answer 1

很可能错误是由您的线路引起的:

return L.Marker(latlng, geojsonMarkerOptions);

...您尝试实例化传单标记调用 L.Marker 类构造函数 而没有触发实例化的 new JavaScript 关键字。

注意与Leaflet提供的factory L.marker(小写首字母m)的区别，它只是的别名新的 L.Marker.