Leaflet 从外部GeoJSON导入传单标记
我从传单开始,希望在使用侧边栏单击地图中的标记时显示更多信息 我使用php调用生成名为allande_geoJson的geoJeson,其中包含我从数据库中需要的所有信息: 在我使用的示例中,生成了一个maker,因此当您单击它时,信息将显示在侧边栏中:Leaflet 从外部GeoJSON导入传单标记,leaflet,Leaflet,我从传单开始,希望在使用侧边栏单击地图中的标记时显示更多信息 我使用php调用生成名为allande_geoJson的geoJeson,其中包含我从数据库中需要的所有信息: 在我使用的示例中,生成了一个maker,因此当您单击它时,信息将显示在侧边栏中: var marker = L.marker([51.2, 7]).addTo(map).on('click', function () { sidebar.toggle(); }); 我想直接从我的g
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()
代码正确,我意识到错误是因为没有更新传单的版本。谢谢大家!