vue+cesium初探(八)之加载国内(高德、百度、腾讯等)影像纠偏

本文介绍了在Vue项目中使用Cesium加载高德地图时遇到的影像偏差问题,由于坐标系差异导致地图显示不准确。通过引入cesium-map库并对其进行修改,解决了地图纠偏的问题,详细阐述了如何在Vue组件中引入和配置AmapImageryProvider,确保地图正确转换为WGS84坐标系,并调整地图层级显示。
摘要由CSDN通过智能技术生成

1、问题

在使用cesium加载高德地图时发现高德地图加载的倾斜摄影与实际是存在偏差的,这是因为各个厂商间使用的坐标系是不同的,这就需要进行转换

2、解决

cesium-map 可以解决在cesium中使用国内地图纠偏的问题,使用方式可以参见他的文档,但是我按照他的文档使用会提示,找不到Cesium,于是我便把他代码里的核心文件提出来,在utils下面进行改写并在页面中单独引入

以高德地图为例,分别在以下各文件中引入Cesium

let Cesium = require('cesium/Cesium');

 在页面使用时引入AmapImageryProvider

import AmapImageryProvider from '@/utils/tranMap/imagery/amap/AmapImageryProvider'

并在初始化代码里添加

Cesium.AmapImageryProvider = AmapImageryProvider

之后发现,地图已经转为cesium对应的WGS84了,但是地图层级太高了,放大后会显示该层级无图层

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值