onEachfeatures 不显示内容而是 [object Object]

Question

我有以下 geojson，想在每个功能上显示人员详细信息

下面是我的 Geojson 输出的属性部分

"properties": {"lr": "26697/751", "Registrations": {"Tenure_type": "leasehold", "persons": [{"PersonID": 7475, "name1st": "benard", "name2st": "gramps", "telephone": "02857215"}, {"PersonID": 7512, "name1st": "Jackie", "name2st": "morgan", "telephone": "0248571264"}]}}}

这是我的代码

<body>
<h1>Ownership</h1>
 <script type="text/javascript"> 
     function our_Layers (map, options){
        var datasets = new L.GeoJSON.AJAX("{% url 'owner' %}",{                
            onEachFeature: function(feature, layer){                    

                layer.bindTooltip(feature.properties.Registrations.persons.toString(), 
                {permanent:true, direction: 'right'});

            }
        });
        datasets.addTo(map); 

     }
</script>
{% leaflet_map "Owners" callback="window.our_Layers" %}
</body>

Answer 1

我认为您需要使用 JSON.stringify() 函数来解析您的对象：

layer.bindTooltip(JSON.stringify(feature.properties.Registrations.persons), 
    {permanent:true, direction: 'right'});

为了查看 JSON.stringify() 和 .toString 方法之间的区别，我创建了以下代码片段：

var persons = [
    { "PersonID": 7475, "name1st": "benard", "name2st": "gramps", "telephone": "02857215" },
    { "PersonID": 7512, "name1st": "Jackie", "name2st": "morgan", "telephone": "0248571264" }
];

console.log(JSON.stringify(persons));
console.log(persons.toString());

查看更多信息：https://www.w3schools.com/js/js_json_stringify.asp

onEachfeatures 不显示内容而是 [object Object]

onEachfeatures not displaying content but [object Object]

javascript

geodjango

leaflet