小马看Gis–通过Openlayers实现实时定位

    说到实时监控,我们不能不承认Openlayers功能的确非常强大。Openlayers中通过很多方式都能实现实时监控。我讲讲我的实现方式。

      我的方式很简单：页面发起异步请求;服务端程序将请求结果处理成GeoJSON串回传至请求页面;请求页面通过OpenLayers提供的OpenLayers.Format.GeoJSON解析GeoJSON串，将结果展现到地图上。

      下面的示例显示:实时获得油机的位置数据,展示到页面上。

页面程序: 

//初始地图<br /> function init(){<br /> ……<br /> vectors = new OpenLayers.Layer.Vector(…);<br /> geojson = new OpenLayers.Format.GeoJSON();<br /> map.addLayer(vectors);<br /> }<br /> //通过DWR异步取得GeoJSon串,交由OpenLayers.Format.GeoJSON来处理.<br /> function locorie(){<br /> //异步发出请求<br /> dwrService.orie(orieSeri,function(data){<br /> //通过OpenLayers.Format.GeoJSON处理服务端提供的GenJSon串<br /> var features = geojson.read(data,”FeatureCollection”);<br /> if(features) {<br /> //将结果展示到地图上<br /> vectors.addFeatures(features);<br /> }<br /> });<br /> }<br /> //十秒更新一次数据<br /> function startOrie(){<br /> var t=setTimeout(“locorie();startOrie();”,10000);<br /> }<br />

 服务端程序:

public String[] orie(String orieSeri) {<br /> String orieStr = “”;<br /> boolean state = true;<br /> if (null == orieStr || “”.equals(orieSeri)) {<br /> state = false;<br /> }<br /> int dataSeri = Integer.parseInt(orieSeri);<br /> List<Location> list = null;<br /> if (state) {<br /> // 获得dataSeri之后的位置数据 Location.getDataSeri >= dataSeri<br /> list = locDao.findLocByFlow(dataSeri);<br /> }<br /> if (state && (list == null || list.size() == 0)) {<br /> // 没有数据<br /> state = false;<br /> }<br /> if (state&&(list.size() == 1 && dataSeri == list.get(0).getDataSeri()<br /> .intValue())) {<br /> // 没有新的数据<br /> state = false;<br /> }</p> <p> if (state) {<br /> LineString line = new LineString();<br /> StringBuffer geo = new StringBuffer();<br /> Point pointEnd = new Point();<br /> Feature feaPoint = new Feature(pointEnd);<br /> Map<String, String> propoint = new HashMap<String, String>();<br /> feaPoint.setProperties(propoint);<br /> for (int i = 0; i < list.size(); i++) {<br /> geo.append(“[” + list.get(i).getCurLoc() + “]”);<br /> if (i != (list.size() – 1)) {<br /> geo.append(“,”);<br /> }<br /> }<br /> line.setLine(geo.toString());<br /> Feature feaLine = new Feature(line);<br /> Map<String, String> properties = new HashMap<String, String>();<br /> properties.put(“color”, “#1A60CA”);<br /> feaLine.setProperties(properties);<br /> List<Component> components = new ArrayList<Component>();<br /> components.add(feaLine);<br /> components.add(feaPoint);<br /> FeatureCollection feaCol = new FeatureCollection(components);<br /> orieStr = feaCol.draw();<br /> }<br /> }

 服务器端提供的数据格式如下:

 //一条线<br /> {<br /> “type”:”FeatureCollection”,<br /> “features”:[{<br /> “type”:”Feature”,<br /> “geometry”:{<br /> “type”:”LineString”,<br /> “coordinates”:[[42.895131111145, 22.148587703705],[43.895131111145, 23.148587703705]]}}]<br /> }  

 服务器端生成json串，我用装饰者模式写了一个模块，只要调用这个模块的API就会生成需要的Json串。

转载自：https://blog.csdn.net/mach365/article/details/6151827