继续获取 "undefined" 但是我尝试使用 javascript 解析 geojson 文件
Keep getting "undefined" however I try to parse a geojson file with javascript
我有这个 geojson 文件:
{
"type":"FeatureCollection",
"features":[
{
"type":"Feature",
"properties":{
"Adresse":"### St-Roch",
"Type":"famille"
},
"geometry":{
"type":"Point",
"coordinates":[
-73.6291292309761,
45.52982413033413
]
}
},
{
"type":"Feature",
"properties":{
"Adresse":"### St-Roch",
"Type":"organisme"
},
"geometry":{
"type":"Point",
"coordinates":[
-73.62943768501282,
45.531770729329985
]
}
}
]
}
这是我的(部分)脚本:
var request = new XMLHttpRequest();
request.open("GET", "photoParcEx.geojson", false);
request.send(null);
var dataJSON = JSON.parse(request.responseText);
console.log(dataJSON.features.properties.Adresse);
photoParcEx.addTo(maCarte).on('click', function () {
sidebar.toggle();
document.getElementById("sidebar").innerHTML = "Type : " + dataJSON.Adresse;
});
我正在尝试将“Adresse”键发送到内部 HTML,但一直未定义。当我尝试使用控制台日志打印值时也是如此。
我做错了什么?
这成功了:
photoParcEx.on('click', function (e) {
sidebar.show();
console.log(e.layer.feature.properties.Type);
var photoDesc = document.getElementById("photoDesc");
//$("sidebar").innerHTML = "Type : " + e.layer.properties.Type;
if (photoDesc.style.display === 'none') {
photoDesc.style.display = "block";
} else {
}
document.getElementById("type").innerHTML = "TYPE : " + (e.layer.feature.properties.Type).toUpperCase();
document.getElementById("desc").innerHTML = "<b>MY STORY : </b>" + e.layer.feature.properties.description;
document.getElementById("photo").src = e.layer.feature.properties.image1;
removeBanner();
});
我有这个 geojson 文件:
{
"type":"FeatureCollection",
"features":[
{
"type":"Feature",
"properties":{
"Adresse":"### St-Roch",
"Type":"famille"
},
"geometry":{
"type":"Point",
"coordinates":[
-73.6291292309761,
45.52982413033413
]
}
},
{
"type":"Feature",
"properties":{
"Adresse":"### St-Roch",
"Type":"organisme"
},
"geometry":{
"type":"Point",
"coordinates":[
-73.62943768501282,
45.531770729329985
]
}
}
]
}
这是我的(部分)脚本:
var request = new XMLHttpRequest();
request.open("GET", "photoParcEx.geojson", false);
request.send(null);
var dataJSON = JSON.parse(request.responseText);
console.log(dataJSON.features.properties.Adresse);
photoParcEx.addTo(maCarte).on('click', function () {
sidebar.toggle();
document.getElementById("sidebar").innerHTML = "Type : " + dataJSON.Adresse;
});
我正在尝试将“Adresse”键发送到内部 HTML,但一直未定义。当我尝试使用控制台日志打印值时也是如此。
我做错了什么?
这成功了:
photoParcEx.on('click', function (e) {
sidebar.show();
console.log(e.layer.feature.properties.Type);
var photoDesc = document.getElementById("photoDesc");
//$("sidebar").innerHTML = "Type : " + e.layer.properties.Type;
if (photoDesc.style.display === 'none') {
photoDesc.style.display = "block";
} else {
}
document.getElementById("type").innerHTML = "TYPE : " + (e.layer.feature.properties.Type).toUpperCase();
document.getElementById("desc").innerHTML = "<b>MY STORY : </b>" + e.layer.feature.properties.description;
document.getElementById("photo").src = e.layer.feature.properties.image1;
removeBanner();
});