时间戳

首页 > 解决方案 > onEachfeatures 不显示内容但 [object Object]

javascript - onEachfeatures 不显示内容但 [object Object]

问题描述

我有以下 geojson 并希望在 eachFeature 上显示人员详细信息

贝娄是我的 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>

标签： javascriptleafletgeodjango

解决方案

我认为您需要使用 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

推荐阅读