Cesium 地图插件,用于添加国内各大地图厂商的地
Cesium 地图插件,用于添加国内各大地图厂商的地图
使用前引入 Cesium 框架,由于Cesium放弃了ImageryProvider部分属性,建议使用`viewer.imageryLayers.add`添加地图
安装
NPM / YARN
npm install @dvgis/cesium-map ----------------------------- yarn add @dvgis/cesium-map
import { AmapImageryProvider,BaiduImageryProvider, GeoVisImageryProvider } from '@dvgis/cesium-map'
CDN
<script src="https://cdn.jsdelivr.net/npm/@dvgis/cesium-map/dist/cesium.map.min.js"></script> AmapImageryProvider
高德地图
var options = { style: 'img', // style: img、elec、cva crs: 'WGS84' // 使用84坐标系,默认为:GCJ02 } viewer.imageryLayers.add(new Cesium.ImageryLayer( new AmapImageryProvider(options))) BaiduImageryProvider
百度地图
var options = { style: 'normal', // style: img、vec、normal、dark crs: 'WGS84' // 使用84坐标系,默认为:BD09 } viewer.imageryLayers.add(new Cesium.ImageryLayer( new BaiduImageryProvider(options))) GeoVisImageryProvider
星图地图
var options = { style: 'vec', //style: img、vec、ter, cia,cat, key:'', // 需去相关地图厂商申请 format:'png' //format:png、webp(用于style为img) } viewer.imageryLayers.add(new Cesium.ImageryLayer( new GeoVisImageryProvider(options))) GoogleImageryProvider
谷歌地图(已被墙)
var options = { style: 'img' //style: img、elec、ter } viewer.imageryLayers.add(new Cesium.ImageryLayer( new GoogleImageryProvider(options))) TdtImageryProvider
天地图
var options = { style: 'vec', //style: vec、cva、img、cia、ter key:'', // 需去相关地图厂商申请 } viewer.imageryLayers.add(new Cesium.ImageryLayer( new TdtImageryProvider(options))) TencentImageryProvider
腾讯地图
var options = { style: 1 //style: img、1:经典 } viewer.imageryLayers.add(new Cesium.ImageryLayer( new TencentImageryProvider(options))) 示例
http://dc.dvgis.cn
版权声明:
1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。2、网站不提供资料下载,如需下载请到原作者页面进行下载。