首页 / JAVASCRIPT / javascript – 在Google Maps V3中获取GeoJSON数据图层的属性

javascript – 在Google Maps V3中获取GeoJSON数据图层的属性

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 在Google Maps V3中获取GeoJSON数据图层的属性，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含969字，纯文字阅读大概需要2分钟。

内容图文

将geoJSON文件作为数据层加载到Google Map时,如何访问数据层本身的属性？

我知道如何access the individual properties,像下面的例子中的posts_here.我想要得到的是图层本身的属性 – 在本例中为maxPosts.

$.getJSON("http://example.com/posts/grid.json" + location.search, function (data) {
        grid = map_canvas.data.addGeoJson(data);
        map_canvas.data.setStyle(function(feature) {
        return /** @type {google.maps.Data.StyleOptions} */({
            strokeWeight: Math.log(feature.getProperty('posts_here')),
        });
    })
});

我正在加载grid.json的示例：

{
    "type": "FeatureCollection",
    "features": [
        {
            "type": "Feature",
            "geometry": {
                "type": "Polygon",
                "coordinates": [
                    [
                        [-58,-35],
                        [-58,-34],
                        [-57,-34],
                        [-57,-35],
                        [-58,-35]
                    ]
                ]
            },
            "properties": {
                "posts_here": "177"
            }
        }
    ],
    "properties": {
        "maxPosts": "177"
    }
}

解决方法:

API仅解析FeatureCollection的features-array,当您想要访问其他属性时,您必须自己实现它.

根据给定的代码,它并不复杂,因为geoJson可以通过$.getJSON-callback中的数据作为对象访问,您可以通过以下方式访问该属性

data.properties.maxPosts

内容总结

以上是互联网集市为您收集整理的javascript – 在Google Maps V3中获取GeoJSON数据图层的属性全部内容，希望文章能够帮你解决javascript – 在Google Maps V3中获取GeoJSON数据图层的属性所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/823494.html

来源：【匿名】