0

我正在使用 Leaflet、leaflet.geo.csv和Leaflet -sidebar来构建地图。地图有效并向我显示标记,但只有 200 个中的 25 个。不是第 25 个,而是在 200 个中随机出现。而且总是出现相同的标记。

我无法向您展示我的 csv(敏感数据),但我已经检查了很多次,清理它,我认为它很好。我的控制台是空的。

这是我的代码示例:

var map = L.map('map');

var affaires = L.geoCsv(null, {
    onEachFeature: function (feature, layer) {
        var popup = '';
        for (var key in feature.properties) {
            var title = affaires.getPropertyTitle(key);
            popup += '<p class="title">'+title+'</b><p class="info">'+feature.properties[key]+'</p>';
        }
        layer.on('click', function () { 
            sidebar.hide();
            sidebar.show();
            sidebar.setContent(popup); 
        });
    },
    pointToLayer: function (feature, latlng) {
        return L.marker(latlng, {
            icon:L.icon({
                iconUrl: 'marker.png',
                shadowUrl: 'shadow.png',
                iconSize: [25,38],
                shadowSize: [41, 41],
                shadowAnchor: [13, 21]
            })
        });
    },
    firstLineTitles: true,
    fieldSeparator: ','
});

$.ajax ({
    type:'GET',
    dataType:'text',
    url:'mydata.csv',
    error: function() {
     alert('Pas de données');
    },
    success: function(csv) {
      var markers = new L.Marker();
        affaires.addData(csv);
        map.addLayer(affaires);
        map.fitBounds(affaires.getBounds());
        console.log(affaires);
    }
});

L.tileLayer('http://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}.png', {
    attribution: '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a> &copy; <a href="http://cartodb.com/attributions">CartoDB</a> | &copy; <a href="http://www.lamontagne.fr/">lamontagne.fr</a> - Julien Jégo',
    subdomains: 'abcd',
    maxZoom: 19
}).addTo(map);

var sidebar = L.control.sidebar('sidebar', {
    closeButton: true,
    position: 'left'
});
map.addControl(sidebar); ...

我的地图截图: 地图示例

有什么建议吗?

谢谢

4

0 回答 0