MapGIS WebClient for Leaflet API文档
主要介绍 MapGIS WebClient for Leaflet 的用法
模块划分
地图库模块
准备
如何获取 MapGIS WebClient for Leaflet
开发时需要引入MapGIS WebClient for Leaflet相关开发包。其中包括引擎核心库以及中地的插件库
外网
es5方式
请在如下网址下载引擎核心库以及中地的插件库：
http://beta.smaryun.com/dev/download_detail.html#/download827
es6方式
请通过npm的方式安装插件库，开发所需依赖，都在插件库中
npm install @mapgis/webclient-leaflet-plugin
内网
es5方式
请在如下网址下载引擎核心库以及中地的插件库：
引擎库：http://192.168.11.130:4873/-/web/detail/@mapgis/leaflet
插件库：http://192.168.11.130:4873/-/web/detail/@mapgis/webclient-leaflet-plugin
es6方式
请通过npm的方式安装插件库，开发所需依赖，都在插件库中
先将npm的源切换至内网
npm set registry http://192.168.11.130:4873/
然后通过npm进行安装
npm install @mapgis/webclient-leaflet-plugin
引入
1、文件方式引入
<!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">
<!--引擎库-->
<link rel="stylesheet" href="http://{ip}:{port}/{你的路径}/leaflet/leaflet.css">
<script src="http://{ip}:{port}/{你的路径}/leaflet/leaflet.js"></script>
<!--plugin库-->
<script src="http://{ip}:{port}/{你的路径}/zondyclient/webclient-leaflet-plugin.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;
}
之后通过npm的方式引入插件库
npm install @mapgis/webclient-leaflet-plugin
并且在项目的main.js 中引入leaflet的css样式
import '@mapgis/leaflet/dist/leaflet.css'
