Code Monkey home page Code Monkey logo

cesium-map's Introduction

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"></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

cesium-map's People

Contributors

cavencj avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.