Tờ rơi: làm thế nào để sử dụng một điểm đánh dấu tùy chỉnh trên một lớp Geojson?

Tôi đang cố gắng đưa lên bản đồ Tờ rơi một Geojson và tất cả đều hoạt động tốt cho đến khi tôi sử dụng điểm đánh dấu blu mặc định.

Bây giờ tôi muốn sử dụng một điểm đánh dấu tùy chỉnh (một biểu tượng .png nhỏ) và tôi đã thay đổi mã của mình theo sau

 var my_json;
 $.getJSON('../Dati/my-geojson.geojson', function(data) {
           my_json = L.geoJson(data, {
            pointToLayer: function(feature, latlng) {
                var smallIcon = L.Icon({
                    options: {
                        iconSize: [27, 27],
                        iconAnchor: [13, 27],
                        popupAnchor:  [1, -24],
                        iconUrl: 'icone/chapel-2.png'
                    }
                });
                return L.marker(latlng, {icon: smallIcon});
            },
           onEachFeature: function (feature, layer) {
                   layer.bindPopup(feature.properties.ATT1 + '<br />'
                                                 + feature.properties.ATT2);
           }
         });
 my_json.addTo(markers.addTo(map));
 TOC.addOverlay(my_json, "My layer name in TOC");
 map.removeLayer(my_json); 
 });

lỗi mà tôi có thể thấy trong Fireorms là

TypeError: this.options.icon is undefined
var anchor = L.point(this.options.icon.options.popupAnchor || [0, 0]);

một cái gì đó đang đi sai nhưng tôi không biết làm thế nào để sửa nó.

Chỉ là sự thay đổi

 var smallIcon = L.Icon({
   options: {
     iconSize: [27, 27],
     iconAnchor: [13, 27],
     popupAnchor:  [1, -24],
     iconUrl: 'icone/chapel-2.png'
   }
 });

đến

 var smallIcon = new L.Icon({
     iconSize: [27, 27],
     iconAnchor: [13, 27],
     popupAnchor:  [1, -24],
     iconUrl: 'icone/chapel-2.png'
 });

Xem tài liệu chính thức của biểu tượng và hướng dẫn này .

Bạn không sử dụng newcho L.Icon (Đáng lẽ không cần thiết nhưng không có nó, chúng tôi đã gặp phải một vấn đề ...)

Xem bản demo sử dụng lại mẫu của bạn.

Cú pháp của bạn sẽ hoạt động khi mở rộng L.Iconlớp.

Hãy tha thứ cho tôi nếu tôi sai vì tôi sorta mới này, nhưng tôi nhận thấy rằng bạn đánh vần nó như L.Icon với số vốn tôi . Có thể phiên bản mới hơn hoặc một cái gì đó nhưng nó không hoạt động khi tôi đánh vần theo cách đó. L.icon với một nhỏ tôi làm việc tốt cho tôi.

Bạn cũng đã sử dụng tên trường hợp nhỏ trong câu lệnh return.