如何访问GeoJSON数组的元素

Question

我希望访问geoJson的所有属性。

例如，如何访问geoJson.features.properties.messagePerso？

我希望能够使用innerHTML这样的内容在messagePerso中显示div，并使用按钮从一个到另一个。

var geojson = {

"features": [
    {
        "type": "Feature",
        "properties": {
            "message": " url(img/1.jpg) 50% 50%",
            "messagePerso": " croisement des canaux sambre/bxl-charleroi",
            "iconSize": [20,20]
        },
        "geometry": {
            "type": "Point",
            "coordinates": [
              4.427333,50.413140
            ]
        }
    },
    {
        "type": "Feature",
        "properties": {
            "message":" url(img/13.jpg) 50% 50%",
             "messagePerso": "Saint théodore Est/ Vue sur carsid désafecté",
            "iconSize": [20,20]
        },
        "geometry": {
            "type": "Point",
            "coordinates": [
        4.418988,50.417823
            ]
        }
    }

现在我使用json文件在我的地图上创建一些点并使用它们作为按钮来显示json文件的一些元素，如

id.innerHTML = marker.properties.message;

但是如何制作一个显示下一个marker.properties.message的单个按钮？

geojson.features.forEach(function(marker) {

var el = document.createElement('div');
el.className = 'marker';
var yoo = $('.marker').length;

 $('.marker').each( function(i){
 $(this).attr('id','marker'+(i))
 });
el.style.width ='15px';
el.style.height = '15px';

el.style.opacity =0;

el.addEventListener('click', function() {
 numlegende2.innerHTML = marker.properties.message;
 map.flyTo({center:marker.geometry.coordinates});   
});
  });