More

OpenLayers Definition in GeoExplorer/GeoExt

OpenLayers Definition in GeoExplorer/GeoExt


I'd like to know how to define 'Open Street Map' as basemap in the function GeoExplorer.js

The createLayout function is defined as :

createLayout:function(){ this.map=new OpenLayers.Map({… }); layers: [ //=========base layer new OpenLayers.Layer.WMS( "Global Imagery (vmap) [Online]", "http://labs.metacarta.com/wms/vmap0", { layers: "basic", transparent: "true", format: "image/png" }, {isBaseLayer: true, visibility: false} ), new OpenLayers.Layer.WMS("Global Imagery (OpenGeo) [Online]", "http://maps.opengeo.org/geowebcache/service/wms", { layers: "bluemarble" },{ //buffer: 0, isBaseLayer: true, visibility: false } ) ] });

Instead of 'Global Imagery' base map, I'd like to use 'OpenStreetMap' or 'Google Maps'.


I edited advice from the answer(s) into this :

this.mapPanel=new GeoExt.MapPanel({ layout:"anchor",border:true,region:"center", map:this.map, center:mapConfig.center&&new OpenLayers.LonLat(mapConfig.center[0],mapConfig.center[1]), zoom:mapConfig.zoom, items:[{ xtype:"gx_zoomslider", vertical:true,height:100, plugins:new GeoExt.ZoomSliderTip({template:"Zoom Level: {zoom}"})}, this.createMapOverlay() ], layers: [ //====base layer===== new OpenLayers.Layer.OSM("OpenLayers"), //=====overlays===== new OpenLayers.Layer.WMS("dim_bts_geo", "http://localhost:8080/geoserver/wms", { layers: "dw1:dim_bts_geo", transparent: true, format: "image/gif" }, { isBaseLayer: false, buffer: 0, visibility: false } ) ] });

However, No map component is showing anymore. the page is just empty.

Do I need to change anything apart from the the basemap definition?


After the answer by @g07kore, I integrated in my main page

Then in GeoExplorer.js, the createLayout function is :

createLayout:function(){ this.map=new OpenLayers.Map({ theme:null, allOverlays:false,controls:[ new OpenLayers.Control.PanPanel(), new OpenLayers.Control.ZoomPanel() ], projection:this.initialConfig.map.projection, units:this.initialConfig.map.units, maxResolution:this.initialConfig.map.maxResolution, maxExtent:this.initialConfig.map.maxExtent&&OpenLayers.Bounds.fromArray(this.initialConfig.map.maxExtent), numZoomLevels:this.initialConfig.map.numZoomLevels||20 }); this.createFeatureLayer(); this.map.addLayer(this.featureLayer); var mapConfig=this.initialConfig.map||{}; var googleBaseMap = new OpenLayers.Layer.Google("Google Satellite", {'type' : google.maps.MapTypeId.HYBRID}); this.mapPanel=new GeoExt.MapPanel({ layout:"anchor",border:true,region:"center", map:this.map, center:mapConfig.center&&new OpenLayers.LonLat(mapConfig.center[0],mapConfig.center[1]), zoom:mapConfig.zoom, items:[{ xtype:"gx_zoomslider", vertical:true,height:100, plugins:new GeoExt.ZoomSliderTip({template:"Zoom Level: {zoom}"})}, this.createMapOverlay() ], layers: [googleBaseMap];

});

However, no map component is showing, I don't know if the basemap definition is wrong .


Just this

new OpenLayers.Layer.OSM("OpenLayers");

It is defined as a baseLayer by default.


Google would be

new OpenLayers.Layer.Google("Google Satellite", {'type' : google.maps.MapTypeId.HYBRID});

But honestly i would change the codes a bit. I recommend to declare your Basemaps outside of the GeoExt elements. Something like

var googleBaseMap = new OpenLayers.Layer.Google("Google Satellite", {'type' : google.maps.MapTypeId.HYBRID});

and add layers like

layers: [googleBaseMap, someOtherMap, anotherMap];

开源GIS汇总

基于Eclipse RCP的uDig开源项目既是一个GeoSpatial应用程序也是一个平台开发者可通过这个平台来创建新的在uDig基础上衍生的应用程序,uDig是Web地理信息系统的一个核心组件。
Geotools是一个开源的Java GIS工具包,可利用它来开发符合标准的地理信息系统。Geotools提供了OGC(Open Geospatial Consortium)规范的一个实现来作为他们的开发。
QGIS是一个用户界面友好的地理信息系统,可运行在Linux,Unix,Mac OSX,和Windows平台之上。QGIS支持vector,raster和database格。它能够很好得支持 PostGIS。
OpenMap是一个基于JavaBeansTM的开发工具包。利用OpenMap你就能够快速构建用于访问legacy数据库的应用程序与applets。OpenMap提供了允许用户查看和操作地理空间信息的方法。
quickWMS是个JavaScript包用于创建基于Web的Map客户端和连接依据OpenGIS Web Mapping规范的WMS服务器。这个项目的目的是能够使用javascript快速创建web mapping clients。它兼容的浏览器包括:IE5.0以,Netscape/Mozilla7.00以上。
Mapyrus是一个能够把地理信息系统的数据绘制成PostScript,PDF,SVG和Web图片格式的开源项目。它结合一种类似于BASIC的脚本语言来读取存在关系型空间数据库(如PostGIS)中GIS数据集,文本文件,表格等。Mapyrus既可以以单独应用程序的方式运行,也可以当作一个完整的Web服务器为基于web的应用程序提供map和graph图片。
这个RCP应用程序能够分析GPS设备记录的路径并把它显示在地图中。
vlkGPS是一个简单的GPS导航J2ME程序。可以显示海拔高度,移动速度,刻度/比例,方向角,距离。支持触摸屏。目前支持的手机品牌有:SonyEricsson、Nokia、Motorola和Siemens。此外还支持蓝牙GPS接收器。
GeoWebCache是一个采用Java实现用于缓存WMS(Web Map Service)Tile的开源项目。当地图客户端请求一张新地图和Tile时,GeoWebCache将拦截这些调用然后返回缓存过的Tiles。如果找不到缓存再调用服务器上的Tiles,从而提高地图展示的速度。实现更好的用户体验。
Puzzle是一个基于NetBeans6构建的Java地理信息系统(GIS)开发平台。开发人员可以在其基础上按实际需求进行扩展。Puzzle采用纯Java开发,支持Java Web Start,无需安装,无OS限制,一个版本就能够适用所有操作系统。
Geomajas是一个拥有矢量与属性信息编辑功能的Web GIS系统。支持利用浏览器创建复杂的关系模型(一对多,多对一)。Geomajas内置支持任意类型的查询、选择、过滤、Snapping和打印等。

OrbisGIS是一个开源的纯Java GIS应用程序。用于读写矢量和栅格数据,创建专题地图,利用一个独立的SQL处理器来处理数据,编辑矢量数。

将Google Maps插入到网页中,Google在其产品中已经提供了很简便的方法。但是GMAP3这个jQuery插件提供了更加简便的方法,特别是在使用一些高级功能时(如:overlays和callbacks)。


ABSTRAK

HIDAYAT. WebGIS Penutupan Lahan Kalimantan Tengah Menggunakan OpenGeoSuite 3.0. Dibimbing oleh HARI AGUNG ADRIANTO.

Kebutuhan akan data dari berbagai pihak dengan format dan lokasi penyimpanan yang berbeda-beda semakin tinggi. Masalah yang biasa disebut dengan istilah interoperbilitas ini sangat terasa terutama dalam hal penyebarluasan informasi penutupan lahan di Indonesia. Untuk membantu menyelesaikan masalah tersebut, penelitian ini membangun sistem webGIS Penutupan Lahan Kalimantan Tengah menggunakan perangkat lunak OpenGeo Suite 3.0. Komponen sistem ini dibangun berdasarkan tiga komponen utama, yaitu: database management system

(DBMS), application server, dan user interface. Data yang digunakan berupa file

dengan format shapefile tersimpan dalam DBMS PostgreSQL/PostGIS.

Application server tersusun dari GeoServer sebagai web map server dan Apache

web server. User interface dibangun menggunakan GeoExplorer yang menjadi perangkat berbasis web untuk menyusun dan mempublikasikan aplikasi pemetaan peta. Pengguna dapat menggunakan sistem ini melalui web browser dan menjalankan berbagai fungsi seperti pemilihan layer, ZoomIn, ZoomOut, dan

GetFeatureInfo. Pengguna juga dapat melihat perubahan penutupan lahan secara manual.

Kata kunci: GeoServer, geospasial, OpenGeo, penutupan lahan.


Watch the video: Webmapping applications using GeoExt, ExtJS, OpenLayers and GeoJSON