当前位置:  开发笔记 > 编程语言 > 正文

Leafletjs - GeoJSON图层没有显示

如何解决《Leafletjs-GeoJSON图层没有显示》经验,为你挑选了1个好方法。

我创建了一个代码的jsfiddle,我不知道为什么标记没有显示.

var map = L.map('map', {
    center: [8.99665, 38.81573],
    zoom: 13,
}); 

var addis = L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
        id: 'addis',
        attribution: '© OpenStreetMap'
}).addTo(map);

var aa = {
    "type": "Feature",
    "properties": {
        "name": "Megenagna",
    },
    "geometry": {
        "type": "Point",
        "coordinates": [9.019720, 38.802933]
    }
};

new L.GeoJSON(aa).addTo(map);

这是jsfiddle网址:http://jsfiddle.net/m2ju1m3v/

拜托,有人可以对此有所了解吗?谢谢!



1> ghybs..:

GeoJSON中的坐标被指定为一个表单数组,[longitude, latitude]与Leaflet相反[latitude, longitude].

所以你应该简单地将坐标改为:

"coordinates": [38.802933, 9.019720]

更新了jsfiddle:http://jsfiddle.net/m2ju1m3v/2/

注意:请使用Leaflet版本0.7.7而不是0.6.4.

推荐阅读
linjiabin43
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有