Leaflet 从外部GeoJSON导入传单标记

Leaflet 从外部GeoJSON导入传单标记,leaflet,Leaflet,我从传单开始,希望在使用侧边栏单击地图中的标记时显示更多信息 我使用php调用生成名为allande_geoJson的geoJeson,其中包含我从数据库中需要的所有信息: 在我使用的示例中,生成了一个maker,因此当您单击它时,信息将显示在侧边栏中: var marker = L.marker([51.2, 7]).addTo(map).on('click', function () { sidebar.toggle(); }); 我想直接从我的g

我从传单开始,希望在使用侧边栏单击地图中的标记时显示更多信息

我使用php调用生成名为allande_geoJson的geoJeson,其中包含我从数据库中需要的所有信息:

在我使用的示例中,生成了一个maker,因此当您单击它时,信息将显示在侧边栏中:

var marker = L.marker([51.2, 7]).addTo(map).on('click', function () {
            sidebar.toggle();
        });

我想直接从我的geoJeson进入制造商,我尝试了各种方法,但没有成功,例如:

var marker= L.marker(new L.GeoJSON(allande_geoJson)).addTo(map).on('click', function () {
            sidebar.toggle();
        });

有什么想法吗?

将geojson数据放入
L.geojson()
层时,会自动加载标记

使用
onEachFeature
可以将单击事件添加到每个标记

function onEachFeature(feature, layer) {
    layer.on('click', function () {
            sidebar.toggle();
        });
}

L.geoJSON(allande_geoJson, {
    onEachFeature: onEachFeature
}).addTo(map);

请在jsfiddle.netw上创建一个工作示例当我编写代码时,我有以下答案:uncaughttypeerror:L.geoJSON不是一个function@busto请尝试以下操作:
L.marker()
new L.GeoJSON()
L.GeoJSON()
代码正确,我意识到错误是因为没有更新传单的版本。谢谢大家!