GeoJSON的基本介绍

GeoJSON的基本介绍


发布日期: 2015-06-01 更新日期: 2015-06-01 编辑:xuzhiping 浏览次数: 10130

标签:

摘要: 什么是JSON? JSON (JavaScript Object Notation) 是轻量级的数据交换格式,便于人的阅读和理解,也便于程序的解析和生成。JSON与编程语言无关,但是应用的类似的C语言的编程习惯。在JSON中,对象是一个无序的名值对集合,支持字...

什么是JSON?

JSON (JavaScript Object Notation) 是轻量级的数据交换格式,便于人的阅读和理解,也便于程序的解析和生成。JSON与编程语言无关,但是应用的类似的C语言的编程习惯。在JSON中,对象是一个无序的名值对集合,支持字符串、数字、对象、数组和布尔等格式的值。而在JavaScript中,可以通过简单的方法调用将JSON形式的对象转换为JavaScript的对象。

什么是GeoJSON?大家指导传统的WFS请求以GML形式来返回结果,但是解析xml并不是一种高效的方式。简单地说,GeoJSON就是将JSON方式的数据传输引入WFS查询。

传统的WKT描述面状要素 POLYGON((-143.4375 17.578125, -123.75 -44.296875, -47.8125 -23.203125, -54.84375 27.421875, -56.25 27.421875, -143.4375 17.578125))

同样的面状要素用JSON描述

{"type":"Feature", "id":"OpenLayers.Feature.Vector_213", "properties":{}, "geometry":{"type":"Polygon", "coordinates":[[[-143.4375, 17.578125], [-123.75, -44.296875], [-47.8125, -23.203125], [-54.84375, 27.421875], [-56.25, 27.421875], [-143.4375, 17.578125]]]}, "crs":{"type":"EPSG", "properties":{"code":4326}}}

下面即是一个典型的JSON格式的点状feature,它被封装在一个features数组之中:

{ "features": [
{ "id": "alesia",
"title": "Alesia",
"classname": "settlement",
"geometryType": "point",
"spatialCoordinates": [[47.535, 4.478, 0.0]],
"srs": "EPSG:4326",
"center": [47.535, 4.478, 0.0]
}
]
}

典型的JSON格式Map Context,所谓Map Context即OGC的WMC,描述一幅地图配置情况

{ "name": "map-1",
"title": "Pleiades Map 1",
"boundingBox": [-12.0, 32.0, 40.0, 58.0],
"srs": "EPSG:4326",
"layers": [
{ "name": "dphysio",
"title": "Demis Physiography",
"layers": "Bathymetry,Topography,Rivers,Waterbodies",
"styles": ",,,",
"onlineResource": "http:\/\/www2.demis.nl\/mapserver\/request.asp",
"srs": "EPSG:4326"
}
]
}

用OpenLayers可以进行GeoJSON的解析,以下是Tim Schaub's的GeoJSON Viewer的代码

var map, vectors, drawControls, formats, select;
function init(){
map = new OpenLayers.Map('map');
//WMS地图图层
var wms = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
"http://labs.metacarta.com/wms/vmap0?", {layers: 'basic'}); 
//矢量图层,OpenLayers2.4的新功能,可以进行矢量编辑
vectors = new OpenLayers.Layer.Vector("Vector Layer");
//加入地图
map.addLayers([wms, vectors]);
map.addControl(new OpenLayers.Control.MousePosition());
map.addControl(new OpenLayers.Control.EditingToolbar(vectors));
//选项:hover的响应为真,鼠标移动的feature上响应为颜色的改变
//在选择事件中调用serialize方法,参数又库自动注入
var options = {
hover: true,
onSelect: serialize
};
select = new OpenLayers.Control.SelectFeature(vectors, options);
map.addControl(select);
select.activate();

//format下的两个子类声明
formats = {
wkt: new OpenLayers.Format.WKT(),
geojson: new OpenLayers.Format.GeoJSON()
};

map.setCenter(new OpenLayers.LonLat(0, 0), 1);
}

function serialize(feature) {
//从页面控件获得要生成的格式(WKT,GeoJSON)
var type = document.getElementById("formatType").value;
//调用Format父类的方法write,将feature转为WKT或GeoJSON
var str = formats[type].write(feature);
// 删去HTML字符便于显示(仅用于在页面显示)
str = str.replace(/,/g, ', ');
str = str.replace(/(<)/g, '<');
str = str.replace(/>/g, '> ');
document.getElementById('output').innerHTML = str;
}

function deserialize() {
//从页面元素中获得GeoJSON或WTK
var element = document.getElementById('text');
var type = document.getElementById("formatType").value;

//用Format父类的read方法读取GeoJSON或WTK生成features
var features = formats[type].read(element.value);
//边界,用于视图缩放
var bounds;
if(features) {
//假如只有一个feature也转为Array的形式
if(features.constructor != Array) {
features = [features];
}
for(var i=0; i 1) ? 's' : '';
element.value = features.length + ' feature' + plural + ' added'
} else {
element.value = 'Bad input ' + type;
}
}

GeoJSON还是一个不成熟的标准,有很多细节还没有确定。GeoServer推出的GeoJSON-plugin-RC1是一个试探性的动作,将会根据反响来决定日后是否将这个插件加入到GeoServer中。

关注公众号
获取免费资源

随机推荐


Copyright © Since 2014. 开源地理空间基金会中文分会 吉ICP备05002032号

Powered by TorCMS

OSGeo 中国中心 邮件列表

问题讨论 : 要订阅或者退订列表,请点击 订阅

发言 : 请写信给: osgeo-china@lists.osgeo.org