Cesium 地图插件,用于添加国内各大地图厂商的地图
使用前引入 Cesium 框架
NPM / YARN
npm install @dvgis/cesium-map
-----------------------------
yarn add @dvgis/cesium-map
-----------------------------
yarn install
require('@dvgis/cesium-map')
编译
npm run build
CDN
<script src="https://cdn.jsdelivr.net/npm/@dvgis/cesium-map"></script>
百度地图
var options = {
style: 'normal', // style: img、vec、normal、dark
crs: 'WGS84' // 使用84坐标系,默认为:BD09
}
viewer.imageryLayers.addImageryProvider(
new Cesium.BaiduImageryProvider(options)
)
百度地图--自定义URL
var options = {
style: 'oyz', // style: img、vec、normal、dark
url: 'http://192.168.1.91:8888/oyzMap/dz_baidu/{z}/{x}/{y}.png',
crs: 'WGS84' // 使用84坐标系,默认为:BD09
}
viewer.imageryLayers.addImageryProvider(
new Cesium.BaiduImageryProvider(options)
)
腾讯地图
var options = {
style: 1 //style: img、1:经典
}
viewer.imageryLayers.addImageryProvider(
new Cesium.TencentImageryProvider(options)
)
天地图
var options = {
style: 'vec', //style: vec、cva、img、cia、ter
key: ''
}
viewer.imageryLayers.addImageryProvider(new Cesium.TdtImageryProvider(options))
高德地图
var options = {
style: 'img', // style: img、elec、cva
crs: 'WGS84' // 使用84坐标系,默认为:GCJ02
}
viewer.imageryLayers.addImageryProvider(new Cesium.AmapImageryProvider(options))
谷歌地图
var options = {
style: 'img' //style: img、elec、ter
}
viewer.imageryLayers.addImageryProvider(
new Cesium.GoogleImageryProvider(options)
)