添加离线地图数据到三维地图服务器

  

      怎样用bigemap搭建离线地图服务主要是两个步骤:一是:下载离线地图服务需要的地图数据;二是:将下载的离线地图数据发布成地图服务;只有做好这两步,才能有接下来的二次开发行业应用

      

     前面已经介绍了安装离线地图服务器程序 以及 下载离线地图服务所以需要的地图数据,接下就把离线地图数据添加到离线地图服务器上。

 

   第一步:打开离线服务端程序后,选择“添加离线地图”,如下图:

     

 

      第二步:选择“添加离线地图”,弹出如下对话框:

 

    地图名称:北京地图 (工具你自己的需要任意命名)

    瓦片库文件:选择后面的浏览,找到你下载的离线地图瓦片,里面有个map.ini文件,选择这个文件,如下图:

 

    选择完成后,点击“创建”,如下图:

 

    添加的离线地图,会在“管理地图”里面,默认添加进来的地图服务就是启动的

    点击“3D浏览”,查看地图,如下图:(左键放大缩小、右键旋转倾斜地图

  上图可以看出,这时候的三维地图还没有起伏状。  

 

 第三步:选择“添加离线高程3D”,弹出如下对话框:

 

 

 

   点击创建,高程出现在下方:

  

第四步:关联高程到离线地图服务

    在第二步中添加的离线地图后面有个【关联高程】按钮,选择第三步中添加的高程关联,如下图:

   关联之后,关闭窗口。然后点击刚才添加的北京地图后面的【3D浏览】,如下图:

    加入高程后的地图出现了起伏状态。

 

这个浏览就是本地部署的离线地图,可以断网浏览地图,也可以放大缩小等等。

   点击“开发使用”,就可以进入离线地图二次开发模式,里面有代码示例,已经技术支持。

 

   下一节:  3D离线地图二次开发示例

 

 

 

 

    

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要使用Cesium.js实现离线三维地图,你需要以下步骤: 1. 下载Cesium.js库文件:你可以从Cesium官方网站(https://cesium.com/downloads/)下载Cesium.js的压缩包。选择适合你项目的版本,并将其解压到你的项目目录中。 2. 在Vue项目中引入Cesium.js库:将Cesium.js库文件拷贝到你的Vue项目的静态资源目录(例如`public`目录),然后在Vue组件中引入它。在需要使用Cesium的组件中添加以下代码: ```javascript mounted() { const Cesium = window.Cesium; this.viewer = new Cesium.Viewer(this.$refs.mapContainer, { // Cesium初始化配置选项 // 可根据需要进行配置 }); }, ``` 3. 在组件模板中创建地图容器:在Vue组件的模板中添加一个容器元素,用于显示地图。使用`ref`属性为容器元素创建一个引用,以便在代码中引用它。例如: ```html <template> <div ref="mapContainer" style="width: 100%; height: 100%;"></div> </template> ``` 4. 添加离线地图数据:下载所需的离线地图数据,例如地数据、影像数据或矢量数据。将这些数据放置在你的项目目录中,并确保路径正确。 5. 加载离线地图数据:在Cesium的初始化配置选项中指定离线地图数据的路径。例如: ```javascript this.viewer = new Cesium.Viewer(this.$refs.mapContainer, { terrainProvider: new Cesium.CesiumTerrainProvider({ url: '/path/to/terrainData', }), imageryProvider: new Cesium.UrlTemplateImageryProvider({ url: '/path/to/imageryData/{z}/{x}/{y}.png', }), }); ``` 在上述示例中,`terrainProvider`指定了地数据的路径,`imageryProvider`指定了影像数据的路径。你需要根据实际情况调整路径和数据格式。 6. 定制地图样式和功能:Cesium提供了丰富的API和工具,可以根据需要进行地图样式和功能的定制。你可以通过配置选项、添加图层、设置相机位置等来实现定制。具体的定制方法可以参考Cesium的官方文档(https://cesium.com/docs/)。 这些步骤将帮助你在Vue项目中使用Cesium.js实现离线三维地图。记得根据你的实际需求和地图数据进行相应的配置和调整。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值