Cesium 地图插件,用于添加国内各大地图厂商的地

cesium-map

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、网站不提供资料下载,如需下载请到原作者页面进行下载。