由于无法根据点击的标记获取到的数据更改侧边栏中的信息,我在完成项目时遇到了困难。以下是我的代码:
基本的 json:
paradas = {
"type" : "FeatureCollection",
"name" : "paradas",
"crs": {
"type": "name",
"properties": {
"name": "urn:ogc:def:crs:OGC:1.3:CRS84"
}
},
"features" : [
{
"type" : "Feature",
"properties" : {
"nome" : "Parada 1",
"imagem" : "<img src='1.jpg' alt='maptime logo gif' width='350px'/>",
"descricao" : "Test."
},
"geometry" : {
"type" : "Point",
"coordinates" : [
-38.55222702026367,
-3.7864725817550275
]
}
},
(... repeat json)
我的侧边栏的HTML代码:
<div class="sidebar">
<div class="nome"></div>
<div class="imagem"></div>
<div class="descricao"></div>
</div>
我的JS:
var rotas = L.geoJSON(paradas, {
}).addTo(map);
仅使用it,我可以显示标记,但无法继续进行。当我单击任何一个并更改侧边栏的信息时,我知道逻辑,但由于缺乏知识而无法实现:( 很抱歉有这样基本的疑问,但你能帮我这一次吗?谢谢!