传单js-GeoJSON层未显示
Leafletjs - GeoJSON layer not showing
我已经创建了代码的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: '© <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>'
}).addTo(map);
var aa = {
"type": "Feature",
"properties": {
"name": "Megenagna",
},
"geometry": {
"type": "Point",
"coordinates": [9.019720, 38.802933]
}
};
new L.GeoJSON(aa).addTo(map);
以下是jsfiddle url:http://jsfiddle.net/m2ju1m3v/
拜托,有人能照一下吗?谢谢
GeoJSON中的坐标被指定为形式为[longitude, latitude]
的数组,而Leaflet中的坐标是[latitude, longitude]
。
因此,您只需将坐标更改为:
"coordinates": [38.802933, 9.019720]
更新的jsfiddle:http://jsfiddle.net/m2ju1m3v/2/
注意:请使用传单版本0.7.7,而不是0.6.4。
实际上,添加了标记,但它位于萨迪纳(意大利)以南。这是因为GeosJON的坐标顺序:第一个longitude
,第二个latitude
。
为什么使用GeoJSON只添加一个标签?只需使用marker
方法即可实现:
new L.marker([8.99665, 38.81573]).addTo(map);
相关文章:
- 隐藏/显示 js 代码不会在 IE8 或更低版本上运行
- 关闭网页时没有显示 Js 的工作时间
- Firebug不再显示JS错误
- 如何在标题标签上显示 JS 变量
- 为什么突出显示.js忽略了语言类
- 在某些情况下显示 JS 警报
- 带有文本显示js功能的图像映射 - 某些部分不显示
- 防止显示.js缩放
- 突出显示 pre 标记中的语法,并突出显示.js
- 更改滚动显示.js视口
- 如何使用 bower 构建依赖关系(例如突出显示.js)
- angularjs:不能显示 JS 'typeof' 的返回值
- 提交后显示 JS/Ajax 消息
- 突出显示.js在文本区域中
- 车把内脚本中的 HTML 在使用 ember 时不显示.js + 剑道 UI
- 使用 jQuery.AJAX 在 Div 中显示 JS 图表
- 在样式模式 (jQuery UI) 窗口中显示 JS 警报
- 突出显示.js在 AngularJS SPA 中不起作用
- Gulp uglify 失败并显示 js 解析错误
- 传单js-GeoJSON层未显示