WEBGIS学习1-webgis开发步骤

最近在学习webgis,先针对需要的知识结构列了一个大纲,陆续后面针对用到的每一种工具进行一个整理记录

webgis开发步骤

制作地图服务

  1. 数据格式转换:将源数据如倾斜摄影数据转为3dtiles数据
  2. 转换工具:osg2cesiumApp
  3. 发布地图:使用地图发布服务或工具发布地图
  4. 发布工具:geoserver(发布底图),eds tiles工具(发布3dtiles倾斜摄影)
  5. 地图验证:发布3dtiles地图服务格式http://localhostXX/XX.json 可浏览器查看json
  6. 影像验证:geoserver发布的影像数据,图层预览浏览器打开可以看到地图影像画面

加载地图服务(Cesium)

  1. 地图加载库:推荐Cesium
  2. 加载地图的底图
  3. 加载倾斜摄影

叠加应用开发

  1. 创建Cesium项目
  2. vue步骤:创建vue2项目以后,vue add vue-cli-plugin-cesium,选1.69版本

开发内容

  1. 地图标点
  2. 弹出事件
  3. 地图画线

应用部署

  1. 部署vue项目即可,其他服务保留提供基础服务
  2. 涉及端口,geoserver服务端口,vue端口

其他涉及的一些扫盲概念

数据格式

  1. osgb:英国的一个倾斜摄影的数据格式(算模型数据)
  2. 3dtiles:专门针对cesium的一个三维地图数据格式(算模型数据)
  3. tif:地图底图的数据格式,俗称瓦片,二维地图的数据格式,属于栅格数据

你可能感兴趣的:(GIS,学习,vue.js,javascript,GIS,Cesium)