摘要: 什么是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; i1) ? 's' : ''; element.value = features.length + ' feature' + plural + ' added' } else { element.value = 'Bad input ' + type; } }
GeoJSON还是一个不成熟的标准,有很多细节还没有确定。GeoServer推出的GeoJSON-plugin-RC1是一个试探性的动作,将会根据反响来决定日后是否将这个插件加入到GeoServer中。