Common Cesium-Plugin MapboxGL-Plugin Leaflet-Plugin OpenLayers-Plugin Video-Plugin
API文档
类名 Home

MapGIS WebClient for Cesium API文档

主要介绍 MapGIS WebClient for Cesium 的用法

模块划分

地图库模块

场景视图

准备

如何获取 MapGIS WebClient for Cesium

开发时需要引入MapGIS WebClient for Cesium相关开发包。其中包括引擎核心库以及中地的插件库

外网

es5方式

请在如下网址下载引擎核心库以及中地的插件库：
http://beta.smaryun.com/dev/download_detail.html#/download827

es6方式

请通过npm的方式安装插件库

  npm install @mapgis/cesium
  npm install @mapgis/webclient-cesium-plugin

内网

es5方式

请在如下网址下载引擎核心库以及中地的插件库：
引擎库：http://192.168.11.130:4873/-/web/detail/@mapgis/cesium 插件库：http://192.168.11.130:4873/-/web/detail/@mapgis/webclient-cesium-plugin

es6方式

请通过npm的方式安装插件库，开发所需依赖，都在插件库中
先将npm的源切换至内网
npm set registry http://192.168.11.130:4873/
然后通过npm进行安装

  npm install @mapgis/cesium
  npm install @mapgis/webclient-cesium-plugin

引入

1、文件方式引入

在项目的css中设置如下样式

/*设置场景视图的样式，一定要设置否则地图无法显示*/
#你的场景视图的id {
    width: 100%;
    height: 100%;
    position: absolute;
}

通过文件方式引入开发库

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <!--引擎库-->
    <script src="http://{ip}:{port}/{你的路径}/cesium/Cesium.js"></script>
    <link rel="stylesheet" href="http://{ip}:{port}/{你的路径}/cesium/Widgets/widgets.css"/>
    <link rel="stylesheet" href="http://{ip}:{port}/{你的路径}/cesium/MapGIS/css/mapgis.css"/>
    <!--插件库-->
    <script src="http://{ip}:{port}/{你的路径}/webclient-cesium-plugin/webclient-cesium-plugin.min.js"></script>
    <!--设置场景视图的样式，一定要设置否则地图无法显示-->
    <style>
        #你的场景视图的id {
            width: 100%;
            height: 100%;
            position: absolute;
        }
    </style>
</head>
</html>

2、npm方式引入

找到你项目的index.html或者项目的css中设置如下样式

/*设置场景视图的样式，一定要设置否则地图无法显示*/
#你的场景视图的id {
    width: 100%;
    height: 100%;
    position: absolute;
}

引擎库暂时不支持es6的方式，因此请在index.html中引入引擎库

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <!--引擎库-->
    <script src="http://{ip}:{port}/{你的路径}/cesium/Cesium.js"></script>
    <link rel="stylesheet" href="http://{ip}:{port}/{你的路径}/cesium/Widgets/widgets.css"/>
    <link rel="stylesheet" href="http://{ip}:{port}/{你的路径}/cesium/MapGIS/css/mapgis.css"/>
</head>
</html>

之后通过npm的方式引入插件库

  npm install @mapgis/webclient-leaflet-plugin
构造函数
成员变量
方法
事件