Boundless SDK模板开发

Boundless SDK提供两种模板。第一种基于OL3和Bootstrap,模板参数分别叫ol3view和ol3edit。另一种基于OL2,GXP,GeoExt,模板参数叫gxp。

使用OpenLayers 3的模板有查看器 (ol3view)和编辑器 (ol3edit)

创建查看器应用

创建ol3view类型的myapp应用:

suite-sdk create /path/to/myapp ol3view
开启debug:
suite-sdk debug /path/to/myapp

默认使用OpenGeo Suite中的usa:states图层.因此需要代理实例.

本地:

suite-sdk debug -g http://localhost:8080/geoserver /path/to/myapp

远程:

suite-sdk debug -g http://example.com/geoserver /path/to/myapp

打开浏览器输入

http://localhost:9080
如下图:
../../_images/ol3viewer.png

查看器应用包括如下组件:
  • 缩放/拖动
  • 图层切换器 底图来自MapQuest (Street Map,Aerial Imagery, and Imagery with Streets) 覆盖层 (States).
  • 工具栏

创建编辑器应用

创建ol3edit类型的myapp应用:

suite-sdk create /path/to/myapp ol3edit
开启debug:
suite-sdk debug /path/to/myapp

默认使用OpenGeo Suite中的usa:states图层.因此需要代理实例.

本地:

suite-sdk debug -g http://localhost:8080/geoserver /path/to/myapp

远程:

suite-sdk debug -g http://example.com/geoserver /path/to/myapp

打开浏览器输入

http://localhost:9080
如下图:

../../_images/ol3editor.png

编辑器应用包括如下组件:
  • 缩放/拖动
  • 图层切换器 底图来自MapQuest (Street Map,Aerial Imagery, and Imagery with Streets) 覆盖层 (States).
  • 工具栏
  • 特征属性表 可以通过双击画点添加新的feature(需要geoserver权限),删除不可用。

自定义开发

修改 src/app/app.js 来实现自定义开发。需要借助OL3。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值