@gvol-org/daassdk.cesium

v1.0.7

Published

2 months ago

cesium的地形兼容

Downloads

0High
0Medium
0Low

快速上手

script引入

html部分


<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Dass测试</title>
    <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <link href="./Cesium/Widgets/widgets.css" rel="stylesheet">
    <script src="./Cesium/Cesium.js"></script>
    <script src="./daassdk.min.js"></script>
</head>

<body>
    <div id="cesiumContainer"></div>
</body>

js 部分

加载数据服务

<script>
    const viewer = new Cesium.Viewer('cesiumContainer'); 
    let instance = daassdk.useCesium(viewer);
    let layer = instance.addLayer({
        name: 'yingxiang',
        index: 0,
        baseUrl: "https://tiles.geovis.online/base/v1/img/{z}/{x}/{y}",
        tmsIds: "w",
        visible:true,
        format:'webp',
        token: "token...",
        minimumLevel: 0,
        maximumLevel: 18,
    });
 </script>

加载地名样式

<script>

   let style='xxxx'  //style是矢量样式配置文件
   //加载矢量地名样式
   new daassdk.MapboxPlaceName(viewer, styles)
 </script>

通过 npm 安装

npm i cesium @gvol-org/daassdk

  //入口文件
  import 'cesium/Source/Widgets/widgets.css'
  import * as Cesium from 'cesium'
  //在入口文件或打包配置文件里设置window的全局变量
  window['CESIUM_BASE_URL'] ="./node_modules/Cesium/Build/Cesium";
  window.Cesium={...Cesium}


  //需要用到的js文件引入
  import { MapboxPlaceName, useCesium } from '@gvol-org/daassdk'

  const viewer = new Cesium.Viewer('cesiumContainer'); 
    let instance = daassdk.useCesium(viewer);
    let layer = instance.addLayer({
        name: 'yingxiang',
        index: 0,
        baseUrl: "https://tiles.geovis.online/base/v1/img/{z}/{x}/{y}",
        tmsIds: "w",
        visible:true,
        format:'webp',
        token: "token....",
        minimumLevel: 0,
        maximumLevel: 18,
    });
   let style='xxxx'  //style是样式配置文件
   new MapboxPlaceName(viewer, style)

Published

Vulnerabilities

Links

Maintainers

Keywords

Readme

快速上手

script引入

html部分

js 部分

加载数据服务

加载地名样式

通过 npm 安装