@mapgis/webclient-leaflet-plugin
Version:
开发时需要引入MapGIS Client for JavaScript（Leaflet）开发包；其中包括必备的 CSS 文件和 JS 文件；
272 lines (210 loc) • 47.3 kB
HTML
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title> Home</title>
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link type="text/css" rel="stylesheet" href="styles/app.min.css">
<link type="text/css" rel="stylesheet" href="styles/iframe.css">
<link type="text/css" rel="stylesheet" href="">
</head>
<body class="layout small-header">
<div id="stickyNavbarOverlay"></div>
<div class="top-nav">
<div class="inner">
<a id="hamburger" role="button" class="navbar-burger" aria-label="menu" aria-expanded="false">
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</a>
<div class="logo">
<h1> MapGIS Client for JavaScript API</h1>
</div>
<div class="menu">
<div class="navigation">
<a
class="link user-link "
href="/static/modules/common/api/common-mapgis/index.html"
>
Common
</a>
<a
class="link user-link "
href="/static/modules/cesium/api/cesium-mapgis/index.html"
>
Cesium-Plugin
</a>
<a
class="link user-link "
href="/static/modules/mapboxgl/api/mapboxgl-mapgis/index.html"
>
MapboxGL-Plugin
</a>
<a
class="link user-link "
href="/static/modules/leaflet/api/leaflet-mapgis/index.html"
>
Leaflet-Plugin
</a>
<a
class="link user-link "
href="/static/modules/openlayers/api/openLayers-mapgis/index.html"
>
OpenLayers-Plugin
</a>
<a
class="link user-link "
href="/static/modules/video/api/video-mapgis/index.html"
>
Video-Plugin
</a>
</div>
</div>
</div>
</div>
<div id="main">
<div
class="sidebar "
id="sidebarNav"
>
<div>
<span class="mapgis-api-document-span"><a href="index.html">API文档</a></span>
</div>
<div class="search-wrapper">
<input id="search" type="text" placeholder="搜索文档..." class="input">
</div>
<nav>
<div class="category"><div onclick="toggleSideBar('ExtentModule-sidebar')" id="ExtentModule" style="font-weight: bold;vertical-align: middle;padding: 0.4rem 0;" class="mapgis-menu-span"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/m.png" alt="">扩展模块</div><ul id="ExtentModule-sidebar" class="mapgis-sidebar-menus"><li class="mapgis-link"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="ArcGISMapImageLayer.html">ArcGISMapImageLayer</a><img id="ArcGISMapImageLayer-detail-arrow" onclick="toggleLinkDetail('ArcGISMapImageLayer-detail')" style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/up-arrow.png" alt=""><span style="display: none;"><p>ArcGIS地图图片图层(Leaflet)</p></span></li><div class="mapgis-link-detail" id="ArcGISMapImageLayer-detail"><div><a linkTo="#page-title" link="/static/modules/leaflet/api/leaflet-mapgis/ArcGISMapImageLayer.html" id="api-fold">构造函数</a></div></div><li class="mapgis-link"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="ArcGISTileLayer.html">ArcGISTileLayer</a><img id="ArcGISTileLayer-detail-arrow" onclick="toggleLinkDetail('ArcGISTileLayer-detail')" style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/up-arrow.png" alt=""><span style="display: none;"><p>ArcGIS瓦片图层(Leaflet)</p></span></li><div class="mapgis-link-detail" id="ArcGISTileLayer-detail"><div><a linkTo="#page-title" link="/static/modules/leaflet/api/leaflet-mapgis/ArcGISTileLayer.html" id="api-fold">构造函数</a></div></div><li class="mapgis-link"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="EchartsLayer.html">EchartsLayer</a><img id="EchartsLayer-detail-arrow" onclick="toggleLinkDetail('EchartsLayer-detail')" style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/up-arrow.png" alt=""><span style="display: none;"><p>Echarts图层(Leaflet)</p></span></li><div class="mapgis-link-detail" id="EchartsLayer-detail"><div><a linkTo="#page-title" link="/static/modules/leaflet/api/leaflet-mapgis/EchartsLayer.html" id="api-fold">构造函数</a></div></div><li class="mapgis-link"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="FeatureLayer.html">FeatureLayer</a><img id="FeatureLayer-detail-arrow" onclick="toggleLinkDetail('FeatureLayer-detail')" style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/up-arrow.png" alt=""><span style="display: none;"><p>要素图层(Leaflet)</p></span></li><div class="mapgis-link-detail" id="FeatureLayer-detail"><div><a linkTo="#page-title" link="/static/modules/leaflet/api/leaflet-mapgis/FeatureLayer.html" id="api-fold">构造函数</a></div></div><li class="mapgis-link"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="IGSMapImageLayer.html">IGSMapImageLayer</a><img id="IGSMapImageLayer-detail-arrow" onclick="toggleLinkDetail('IGSMapImageLayer-detail')" style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/up-arrow.png" alt=""><span style="display: none;"><p>地图图片图层(Leaflet)</p></span></li><div class="mapgis-link-detail" id="IGSMapImageLayer-detail"><div><a linkTo="#page-title" link="/static/modules/leaflet/api/leaflet-mapgis/IGSMapImageLayer.html" id="api-fold">构造函数</a></div></div><li class="mapgis-link"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="IGSTileLayer.html">IGSTileLayer</a><img id="IGSTileLayer-detail-arrow" onclick="toggleLinkDetail('IGSTileLayer-detail')" style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/up-arrow.png" alt=""><span style="display: none;"><p>IGS瓦片图层(Leaflet)</p></span></li><div class="mapgis-link-detail" id="IGSTileLayer-detail"><div><a linkTo="#page-title" link="/static/modules/leaflet/api/leaflet-mapgis/IGSTileLayer.html" id="api-fold">构造函数</a></div></div><li class="mapgis-link"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="MapLayer.html">MapLayer</a><img id="MapLayer-detail-arrow" onclick="toggleLinkDetail('MapLayer-detail')" style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/up-arrow.png" alt=""><span style="display: none;"><p>屏幕出一张图图层基类</p></span></li><div class="mapgis-link-detail" id="MapLayer-detail"><div><a linkTo="#page-title" link="/static/modules/leaflet/api/leaflet-mapgis/MapLayer.html" id="api-fold">构造函数</a></div></div><li class="mapgis-link"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="MapVLayer.html">MapVLayer</a><img id="MapVLayer-detail-arrow" onclick="toggleLinkDetail('MapVLayer-detail')" style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/up-arrow.png" alt=""><span style="display: none;"><p>MapV图层(Leaflet)</p></span></li><div class="mapgis-link-detail" id="MapVLayer-detail"><div><a linkTo="#page-title" link="/static/modules/leaflet/api/leaflet-mapgis/MapVLayer.html" id="api-fold">构造函数</a></div></div><li class="mapgis-link"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="TileLayer.html">TileLayer</a><img id="TileLayer-detail-arrow" onclick="toggleLinkDetail('TileLayer-detail')" style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/up-arrow.png" alt=""><span style="display: none;"><p>带裁剪功能的瓦片图层基类</p></span></li><div class="mapgis-link-detail" id="TileLayer-detail"><div><a linkTo="#page-title" link="/static/modules/leaflet/api/leaflet-mapgis/TileLayer.html" id="api-fold">构造函数</a></div></div><li class="mapgis-link"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="TileLayerWMS.html">TileLayerWMS</a><img id="TileLayerWMS-detail-arrow" onclick="toggleLinkDetail('TileLayerWMS-detail')" style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/up-arrow.png" alt=""><span style="display: none;"><p>WMS图层基类(相比于原生的L.TileLayer.WMS, 此图层支持空间裁剪功能)</p></span></li><div class="mapgis-link-detail" id="TileLayerWMS-detail"><div><a linkTo="#page-title" link="/static/modules/leaflet/api/leaflet-mapgis/TileLayerWMS.html" id="api-fold">构造函数</a></div></div><li class="mapgis-link"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="VectorTileLayer.html">VectorTileLayer</a><img id="VectorTileLayer-detail-arrow" onclick="toggleLinkDetail('VectorTileLayer-detail')" style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/up-arrow.png" alt=""><span style="display: none;"><p>矢量瓦片图层(Leaflet)</p></span></li><div class="mapgis-link-detail" id="VectorTileLayer-detail"><div><a linkTo="#page-title" link="/static/modules/leaflet/api/leaflet-mapgis/VectorTileLayer.html" id="api-fold">构造函数</a></div></div><li class="mapgis-link"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="WebMapServiceLayer.html">WebMapServiceLayer</a><img id="WebMapServiceLayer-detail-arrow" onclick="toggleLinkDetail('WebMapServiceLayer-detail')" style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/up-arrow.png" alt=""><span style="display: none;"><p>WMS图层(Leaflet)</p></span></li><div class="mapgis-link-detail" id="WebMapServiceLayer-detail"><div><a linkTo="#page-title" link="/static/modules/leaflet/api/leaflet-mapgis/WebMapServiceLayer.html" id="api-fold">构造函数</a></div></div><li class="mapgis-link"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="WebMapTileServiceLayer.html">WebMapTileServiceLayer</a><img id="WebMapTileServiceLayer-detail-arrow" onclick="toggleLinkDetail('WebMapTileServiceLayer-detail')" style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/up-arrow.png" alt=""><span style="display: none;"><p>WMTS图层(Leaflet)</p></span></li><div class="mapgis-link-detail" id="WebMapTileServiceLayer-detail"><div><a linkTo="#page-title" link="/static/modules/leaflet/api/leaflet-mapgis/WebMapTileServiceLayer.html" id="api-fold">构造函数</a></div></div><li class="mapgis-link"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="WebTileLayer.html">WebTileLayer</a><img id="WebTileLayer-detail-arrow" onclick="toggleLinkDetail('WebTileLayer-detail')" style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/up-arrow.png" alt=""><span style="display: none;"><p>网络瓦片图层(Leaflet)</p></span></li><div class="mapgis-link-detail" id="WebTileLayer-detail"><div><a linkTo="#page-title" link="/static/modules/leaflet/api/leaflet-mapgis/WebTileLayer.html" id="api-fold">构造函数</a></div></div></ul><div onclick="toggleSideBar('UtilModule-sidebar')" id="UtilModule" style="font-weight: bold;vertical-align: middle;padding: 0.4rem 0;" class="mapgis-menu-span"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/m.png" alt="">工具类模块</div><ul id="UtilModule-sidebar" class="mapgis-sidebar-menus"><li class="mapgis-link"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="FeatureLayerUtil.html">FeatureLayerUtil</a><img id="FeatureLayerUtil-detail-arrow" onclick="toggleLinkDetail('FeatureLayerUtil-detail')" style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/up-arrow.png" alt=""><span style="display: none;"><p>要素图层工具类(Leaflet)</p></span></li><div class="mapgis-link-detail" id="FeatureLayerUtil-detail"><div><a linkTo="#page-title" link="/static/modules/leaflet/api/leaflet-mapgis/FeatureLayerUtil.html" id="api-fold">构造函数</a></div><div><a linkTo="#member" link="/static/modules/leaflet/api/leaflet-mapgis/FeatureLayerUtil.html" id="api-fold" class="mapgis-link-name">成员变量</a></div><div><ul><li><a linkTo="#convertFeature" link="/static/modules/leaflet/api/leaflet-mapgis/FeatureLayerUtil.html" title="convertFeature" id="api-member" class="mapgis-link-name">convertFeature</a></li></ul></div></div></ul><div onclick="toggleSideBar('ViewModule-sidebar')" id="ViewModule" style="font-weight: bold;vertical-align: middle;padding: 0.4rem 0;" class="mapgis-menu-span"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/m.png" alt="">视图模块</div><ul id="ViewModule-sidebar" class="mapgis-sidebar-menus"><li class="mapgis-link"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="MapViewLeaflet.html">MapViewLeaflet</a><img id="MapViewLeaflet-detail-arrow" onclick="toggleLinkDetail('MapViewLeaflet-detail')" style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/up-arrow.png" alt=""><span style="display: none;"><p>二维场景视图(leaflet引擎)，对地图引擎进行管理，如果要对地图图层进行管理请参考<code>Map</code>，<br/>
参考示例：
<a href='#MapViewLeaflet'>[初始化二维场景视图]</a>
<br>[ES5引入方式]：<br/>
Zondy.MapViewLeaflet() <br/>
[ES6引入方式]：<br/>
import { MapViewLeaflet } from '@mapgis/webclient-leaflet-plugin' <br/></p></span></li><div class="mapgis-link-detail" id="MapViewLeaflet-detail"><div><a linkTo="#page-title" link="/static/modules/leaflet/api/leaflet-mapgis/MapViewLeaflet.html" id="api-fold">构造函数</a></div><div><a linkTo="#function" link="/static/modules/leaflet/api/leaflet-mapgis/MapViewLeaflet.html" id="api-fold" class="mapgis-link-name">方法</a></div><div><ul><li><a linkTo="#fromJSON" link="/static/modules/leaflet/api/leaflet-mapgis/MapViewLeaflet.html" title="fromJSON" id="api-member" class="mapgis-link-name">fromJSON</a></li><li><a linkTo="#fromJSON" link="/static/modules/leaflet/api/leaflet-mapgis/MapViewLeaflet.html" title="fromJSON" id="api-member" class="mapgis-link-name">fromJSON</a></li><li><a linkTo="#clone" link="/static/modules/leaflet/api/leaflet-mapgis/MapViewLeaflet.html" title="clone" id="api-member" class="mapgis-link-name">clone</a></li><li><a linkTo="#destroy" link="/static/modules/leaflet/api/leaflet-mapgis/MapViewLeaflet.html" title="destroy" id="api-member" class="mapgis-link-name">destroy</a></li><li><a linkTo="#flyTo" link="/static/modules/leaflet/api/leaflet-mapgis/MapViewLeaflet.html" title="flyTo" id="api-member" class="mapgis-link-name">flyTo</a></li><li><a linkTo="#getCenter" link="/static/modules/leaflet/api/leaflet-mapgis/MapViewLeaflet.html" title="getCenter" id="api-member" class="mapgis-link-name">getCenter</a></li><li><a linkTo="#getExtent" link="/static/modules/leaflet/api/leaflet-mapgis/MapViewLeaflet.html" title="getExtent" id="api-member" class="mapgis-link-name">getExtent</a></li><li><a linkTo="#getMaxZoom" link="/static/modules/leaflet/api/leaflet-mapgis/MapViewLeaflet.html" title="getMaxZoom" id="api-member" class="mapgis-link-name">getMaxZoom</a></li><li><a linkTo="#getMinZoom" link="/static/modules/leaflet/api/leaflet-mapgis/MapViewLeaflet.html" title="getMinZoom" id="api-member" class="mapgis-link-name">getMinZoom</a></li><li><a linkTo="#getPixelCenter" link="/static/modules/leaflet/api/leaflet-mapgis/MapViewLeaflet.html" title="getPixelCenter" id="api-member" class="mapgis-link-name">getPixelCenter</a></li><li><a linkTo="#getPixelExtent" link="/static/modules/leaflet/api/leaflet-mapgis/MapViewLeaflet.html" title="getPixelExtent" id="api-member" class="mapgis-link-name">getPixelExtent</a></li><li><a linkTo="#getPixelWorldExtent" link="/static/modules/leaflet/api/leaflet-mapgis/MapViewLeaflet.html" title="getPixelWorldExtent" id="api-member" class="mapgis-link-name">getPixelWorldExtent</a></li><li><a linkTo="#getScale" link="/static/modules/leaflet/api/leaflet-mapgis/MapViewLeaflet.html" title="getScale" id="api-member" class="mapgis-link-name">getScale</a></li><li><a linkTo="#getSize" link="/static/modules/leaflet/api/leaflet-mapgis/MapViewLeaflet.html" title="getSize" id="api-member" class="mapgis-link-name">getSize</a></li><li><a linkTo="#getZoom" link="/static/modules/leaflet/api/leaflet-mapgis/MapViewLeaflet.html" title="getZoom" id="api-member" class="mapgis-link-name">getZoom</a></li><li><a linkTo="#getZoomByExtent" link="/static/modules/leaflet/api/leaflet-mapgis/MapViewLeaflet.html" title="getZoomByExtent" id="api-member" class="mapgis-link-name">getZoomByExtent</a></li><li><a linkTo="#goTo" link="/static/modules/leaflet/api/leaflet-mapgis/MapViewLeaflet.html" title="goTo" id="api-member" class="mapgis-link-name">goTo</a></li><li><a linkTo="#hitTest" link="/static/modules/leaflet/api/leaflet-mapgis/MapViewLeaflet.html" title="hitTest" id="api-member" class="mapgis-link-name">hitTest</a></li><li><a linkTo="#takeScreenshot" link="/static/modules/leaflet/api/leaflet-mapgis/MapViewLeaflet.html" title="takeScreenshot" id="api-member" class="mapgis-link-name">takeScreenshot</a></li><li><a linkTo="#toJSON" link="/static/modules/leaflet/api/leaflet-mapgis/MapViewLeaflet.html" title="toJSON" id="api-member" class="mapgis-link-name">toJSON</a></li><li><a linkTo="#toMap" link="/static/modules/leaflet/api/leaflet-mapgis/MapViewLeaflet.html" title="toMap" id="api-member" class="mapgis-link-name">toMap</a></li><li><a linkTo="#toScreen" link="/static/modules/leaflet/api/leaflet-mapgis/MapViewLeaflet.html" title="toScreen" id="api-member" class="mapgis-link-name">toScreen</a></li></ul></div><div><a linkTo="#member" link="/static/modules/leaflet/api/leaflet-mapgis/MapViewLeaflet.html" id="api-fold" class="mapgis-link-name">成员变量</a></div><div><ul><li><a linkTo="#animation" link="/static/modules/leaflet/api/leaflet-mapgis/MapViewLeaflet.html" title="animation" id="api-member" class="mapgis-link-name">animation</a></li><li><a linkTo="#center" link="/static/modules/leaflet/api/leaflet-mapgis/MapViewLeaflet.html" title="center" id="api-member" class="mapgis-link-name">center</a></li><li><a linkTo="#engineType" link="/static/modules/leaflet/api/leaflet-mapgis/MapViewLeaflet.html" title="engineType" id="api-member" class="mapgis-link-name">engineType</a></li><li><a linkTo="#extent" link="/static/modules/leaflet/api/leaflet-mapgis/MapViewLeaflet.html" title="extent" id="api-member" class="mapgis-link-name">extent</a></li><li><a linkTo="#fullExtent" link="/static/modules/leaflet/api/leaflet-mapgis/MapViewLeaflet.html" title="fullExtent" id="api-member" class="mapgis-link-name">fullExtent</a></li><li><a linkTo="#height" link="/static/modules/leaflet/api/leaflet-mapgis/MapViewLeaflet.html" title="height" id="api-member" class="mapgis-link-name">height</a></li><li><a linkTo="#maxScale" link="/static/modules/leaflet/api/leaflet-mapgis/MapViewLeaflet.html" title="maxScale" id="api-member" class="mapgis-link-name">maxScale</a></li><li><a linkTo="#minScale" link="/static/modules/leaflet/api/leaflet-mapgis/MapViewLeaflet.html" title="minScale" id="api-member" class="mapgis-link-name">minScale</a></li><li><a linkTo="#popup" link="/static/modules/leaflet/api/leaflet-mapgis/MapViewLeaflet.html" title="popup" id="api-member" class="mapgis-link-name">popup</a></li><li><a linkTo="#preferCanvas" link="/static/modules/leaflet/api/leaflet-mapgis/MapViewLeaflet.html" title="preferCanvas" id="api-member" class="mapgis-link-name">preferCanvas</a></li><li><a linkTo="#rotation" link="/static/modules/leaflet/api/leaflet-mapgis/MapViewLeaflet.html" title="rotation" id="api-member" class="mapgis-link-name">rotation</a></li><li><a linkTo="#scale" link="/static/modules/leaflet/api/leaflet-mapgis/MapViewLeaflet.html" title="scale" id="api-member" class="mapgis-link-name">scale</a></li><li><a linkTo="#spatialReference" link="/static/modules/leaflet/api/leaflet-mapgis/MapViewLeaflet.html" title="spatialReference" id="api-member" class="mapgis-link-name">spatialReference</a></li><li><a linkTo="#spatialReferenceLocked" link="/static/modules/leaflet/api/leaflet-mapgis/MapViewLeaflet.html" title="spatialReferenceLocked" id="api-member" class="mapgis-link-name">spatialReferenceLocked</a></li><li><a linkTo="#stationary" link="/static/modules/leaflet/api/leaflet-mapgis/MapViewLeaflet.html" title="stationary" id="api-member" class="mapgis-link-name">stationary</a></li><li><a linkTo="#width" link="/static/modules/leaflet/api/leaflet-mapgis/MapViewLeaflet.html" title="width" id="api-member" class="mapgis-link-name">width</a></li><li><a linkTo="#zoom" link="/static/modules/leaflet/api/leaflet-mapgis/MapViewLeaflet.html" title="zoom" id="api-member" class="mapgis-link-name">zoom</a></li></ul></div></div><li class="mapgis-link"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="Popup.html">Popup</a><img id="Popup-detail-arrow" onclick="toggleLinkDetail('Popup-detail')" style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/up-arrow.png" alt=""><span style="display: none;"><p>二维场景信息弹窗(leaflet引擎)
参考示例：
<a href='#MapView'>[初始化二维场景视图]</a>
[ES6引入方式]：<br/>
import { Popup } from '@mapgis/webclient-leaflet-plugin' <br/>
自定义样式说明：<br/>
zondy-popup__content 弹窗容器样式<br/>
zondy-popup__tip 弹窗对话框箭头样式<br/>
zondy-popup__header 弹窗头部样式<br/>
zondy-popup__content 弹窗主体样式<br/>
zondy-popup__footer 弹窗底部样式<br/></p></span></li><div class="mapgis-link-detail" id="Popup-detail"><div><a linkTo="#page-title" link="/static/modules/leaflet/api/leaflet-mapgis/Popup.html" id="api-fold">构造函数</a></div><div><a linkTo="#function" link="/static/modules/leaflet/api/leaflet-mapgis/Popup.html" id="api-fold" class="mapgis-link-name">方法</a></div><div><ul><li><a linkTo="#close" link="/static/modules/leaflet/api/leaflet-mapgis/Popup.html" title="close" id="api-member" class="mapgis-link-name">close</a></li><li><a linkTo="#open" link="/static/modules/leaflet/api/leaflet-mapgis/Popup.html" title="open" id="api-member" class="mapgis-link-name">open</a></li><li><a linkTo="#openPopup" link="/static/modules/leaflet/api/leaflet-mapgis/Popup.html" title="openPopup" id="api-member" class="mapgis-link-name">openPopup</a></li></ul></div><div><a linkTo="#member" link="/static/modules/leaflet/api/leaflet-mapgis/Popup.html" id="api-fold" class="mapgis-link-name">成员变量</a></div><div><ul><li><a linkTo="#alignment" link="/static/modules/leaflet/api/leaflet-mapgis/Popup.html" title="alignment" id="api-member" class="mapgis-link-name">alignment</a></li><li><a linkTo="#content" link="/static/modules/leaflet/api/leaflet-mapgis/Popup.html" title="content" id="api-member" class="mapgis-link-name">content</a></li><li><a linkTo="#defaultButtons" link="/static/modules/leaflet/api/leaflet-mapgis/Popup.html" title="defaultButtons" id="api-member" class="mapgis-link-name">defaultButtons</a></li><li><a linkTo="#location" link="/static/modules/leaflet/api/leaflet-mapgis/Popup.html" title="location" id="api-member" class="mapgis-link-name">location</a></li><li><a linkTo="#title" link="/static/modules/leaflet/api/leaflet-mapgis/Popup.html" title="title" id="api-member" class="mapgis-link-name">title</a></li><li><a linkTo="#view" link="/static/modules/leaflet/api/leaflet-mapgis/Popup.html" title="view" id="api-member" class="mapgis-link-name">view</a></li></ul></div></div><li class="mapgis-link"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="Screenshot.html">Screenshot</a><img id="Screenshot-detail-arrow" onclick="toggleLinkDetail('Screenshot-detail')" style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/up-arrow.png" alt=""><span style="display: none;"><p>屏幕打印工具</p></span></li><div class="mapgis-link-detail" id="Screenshot-detail"><div><a linkTo="#page-title" link="/static/modules/leaflet/api/leaflet-mapgis/Screenshot.html" id="api-fold">构造函数</a></div><div><a linkTo="#member" link="/static/modules/leaflet/api/leaflet-mapgis/Screenshot.html" id="api-fold" class="mapgis-link-name">成员变量</a></div><div><ul><li><a linkTo="#filename" link="/static/modules/leaflet/api/leaflet-mapgis/Screenshot.html" title="filename" id="api-member" class="mapgis-link-name">filename</a></li><li><a linkTo="#format" link="/static/modules/leaflet/api/leaflet-mapgis/Screenshot.html" title="format" id="api-member" class="mapgis-link-name">format</a></li><li><a linkTo="#height" link="/static/modules/leaflet/api/leaflet-mapgis/Screenshot.html" title="height" id="api-member" class="mapgis-link-name">height</a></li><li><a linkTo="#isDownload" link="/static/modules/leaflet/api/leaflet-mapgis/Screenshot.html" title="isDownload" id="api-member" class="mapgis-link-name">isDownload</a></li><li><a linkTo="#view" link="/static/modules/leaflet/api/leaflet-mapgis/Screenshot.html" title="view" id="api-member" class="mapgis-link-name">view</a></li><li><a linkTo="#width" link="/static/modules/leaflet/api/leaflet-mapgis/Screenshot.html" title="width" id="api-member" class="mapgis-link-name">width</a></li><li><a linkTo="#x" link="/static/modules/leaflet/api/leaflet-mapgis/Screenshot.html" title="x" id="api-member" class="mapgis-link-name">x</a></li><li><a linkTo="#y" link="/static/modules/leaflet/api/leaflet-mapgis/Screenshot.html" title="y" id="api-member" class="mapgis-link-name">y</a></li></ul></div></div></ul><div onclick="toggleSideBar('SketchEditorModule-sidebar')" id="SketchEditorModule" style="font-weight: bold;vertical-align: middle;padding: 0.4rem 0;" class="mapgis-menu-span"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/m.png" alt="">草图编辑模块</div><ul id="SketchEditorModule-sidebar" class="mapgis-sidebar-menus"><li class="mapgis-link"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="SketchEditorLeaflet.html">SketchEditorLeaflet</a><img id="SketchEditorLeaflet-detail-arrow" onclick="toggleLinkDetail('SketchEditorLeaflet-detail')" style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/up-arrow.png" alt=""><span style="display: none;"><p>二维Leaflet引擎草图编辑类<br/>
<br>[ES5引入方式]：<br/>
const { SketchEditor } = zondy.leaflet.tool.sketch <br/>
[ES6引入方式]：<br/>
import { SketchEditor } from "@mapgis/webclient-leaflet-plugin" <br/></p></span></li><div class="mapgis-link-detail" id="SketchEditorLeaflet-detail"><div><a linkTo="#page-title" link="/static/modules/leaflet/api/leaflet-mapgis/SketchEditorLeaflet.html" id="api-fold">构造函数</a></div><div><a linkTo="#function" link="/static/modules/leaflet/api/leaflet-mapgis/SketchEditorLeaflet.html" id="api-fold" class="mapgis-link-name">方法</a></div><div><ul><li><a linkTo="#addVertex" link="/static/modules/leaflet/api/leaflet-mapgis/SketchEditorLeaflet.html" title="addVertex" id="api-member" class="mapgis-link-name">addVertex</a></li><li><a linkTo="#canRedo" link="/static/modules/leaflet/api/leaflet-mapgis/SketchEditorLeaflet.html" title="canRedo" id="api-member" class="mapgis-link-name">canRedo</a></li><li><a linkTo="#canUndo" link="/static/modules/leaflet/api/leaflet-mapgis/SketchEditorLeaflet.html" title="canUndo" id="api-member" class="mapgis-link-name">canUndo</a></li><li><a linkTo="#drawPolylineToPolygon" link="/static/modules/leaflet/api/leaflet-mapgis/SketchEditorLeaflet.html" title="drawPolylineToPolygon" id="api-member" class="mapgis-link-name">drawPolylineToPolygon</a></li><li><a linkTo="#getGeometry" link="/static/modules/leaflet/api/leaflet-mapgis/SketchEditorLeaflet.html" title="getGeometry" id="api-member" class="mapgis-link-name">getGeometry</a></li><li><a linkTo="#getSketchStyle" link="/static/modules/leaflet/api/leaflet-mapgis/SketchEditorLeaflet.html" title="getSketchStyle" id="api-member" class="mapgis-link-name">getSketchStyle</a></li><li><a linkTo="#redo" link="/static/modules/leaflet/api/leaflet-mapgis/SketchEditorLeaflet.html" title="redo" id="api-member" class="mapgis-link-name">redo</a></li><li><a linkTo="#remove" link="/static/modules/leaflet/api/leaflet-mapgis/SketchEditorLeaflet.html" title="remove" id="api-member" class="mapgis-link-name">remove</a></li><li><a linkTo="#removeVertex" link="/static/modules/leaflet/api/leaflet-mapgis/SketchEditorLeaflet.html" title="removeVertex" id="api-member" class="mapgis-link-name">removeVertex</a></li><li><a linkTo="#setSketchStyle" link="/static/modules/leaflet/api/leaflet-mapgis/SketchEditorLeaflet.html" title="setSketchStyle" id="api-member" class="mapgis-link-name">setSketchStyle</a></li><li><a linkTo="#split" link="/static/modules/leaflet/api/leaflet-mapgis/SketchEditorLeaflet.html" title="split" id="api-member" class="mapgis-link-name">split</a></li><li><a linkTo="#start" link="/static/modules/leaflet/api/leaflet-mapgis/SketchEditorLeaflet.html" title="start" id="api-member" class="mapgis-link-name">start</a></li><li><a linkTo="#startCustomDrawTool" link="/static/modules/leaflet/api/leaflet-mapgis/SketchEditorLeaflet.html" title="startCustomDrawTool" id="api-member" class="mapgis-link-name">startCustomDrawTool</a></li><li><a linkTo="#stop" link="/static/modules/leaflet/api/leaflet-mapgis/SketchEditorLeaflet.html" title="stop" id="api-member" class="mapgis-link-name">stop</a></li><li><a linkTo="#undo" link="/static/modules/leaflet/api/leaflet-mapgis/SketchEditorLeaflet.html" title="undo" id="api-member" class="mapgis-link-name">undo</a></li><li><a linkTo="#union" link="/static/modules/leaflet/api/leaflet-mapgis/SketchEditorLeaflet.html" title="union" id="api-member" class="mapgis-link-name">union</a></li><li><a linkTo="#updateVertex" link="/static/modules/leaflet/api/leaflet-mapgis/SketchEditorLeaflet.html" title="updateVertex" id="api-member" class="mapgis-link-name">updateVertex</a></li></ul></div></div></ul><div onclick="toggleSideBar('RendererModule-sidebar')" id="RendererModule" style="font-weight: bold;vertical-align: middle;padding: 0.4rem 0;" class="mapgis-menu-span"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/m.png" alt="">渲染器模块</div><ul id="RendererModule-sidebar" class="mapgis-sidebar-menus"><li class="mapgis-link"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="zondy.themelayer.GraphThemeLayer.html">GraphThemeLayer</a><img id="zondy.themelayer.GraphThemeLayer-detail-arrow" onclick="toggleLinkDetail('zondy.themelayer.GraphThemeLayer-detail')" style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/up-arrow.png" alt=""><span style="display: none;"><p>统计专题图通过为每个要素绘制统计图表来反映其对应的专题值的大小。它可同时表示多个字段属性信息，在区域本身与各区域之间形成横向和纵向的对比。<br>统计专题图多用于具有相关数量特征的地图上，比如表示不同地区多年的粮食产量、GDP、人口等，不同时段客运量、地铁流量等。目前提供的统计图类型有：柱状图（Bar），折线图（Line），饼图（Pie），三维柱状图（Bar3D），点状图（Point），环状图（Ring）。</p></span></li><div class="mapgis-link-detail" id="zondy.themelayer.GraphThemeLayer-detail"><div><a linkTo="#page-title" link="/static/modules/leaflet/api/leaflet-mapgis/zondy.themelayer.GraphThemeLayer.html" id="api-fold">构造函数</a></div><div><a linkTo="#function" link="/static/modules/leaflet/api/leaflet-mapgis/zondy.themelayer.GraphThemeLayer.html" id="api-fold" class="mapgis-link-name">方法</a></div><div><ul><li><a linkTo="#addFeatures" link="/static/modules/leaflet/api/leaflet-mapgis/zondy.themelayer.GraphThemeLayer.html" title="addFeatures" id="api-member" class="mapgis-link-name">addFeatures</a></li><li><a linkTo="#clear" link="/static/modules/leaflet/api/leaflet-mapgis/zondy.themelayer.GraphThemeLayer.html" title="clear" id="api-member" class="mapgis-link-name">clear</a></li><li><a linkTo="#clearCache" link="/static/modules/leaflet/api/leaflet-mapgis/zondy.themelayer.GraphThemeLayer.html" title="clearCache" id="api-member" class="mapgis-link-name">clearCache</a></li><li><a linkTo="#clearCache" link="/static/modules/leaflet/api/leaflet-mapgis/zondy.themelayer.GraphThemeLayer.html" title="clearCache" id="api-member" class="mapgis-link-name">clearCache</a></li><li><a linkTo="#createThematicFeature" link="/static/modules/leaflet/api/leaflet-mapgis/zondy.themelayer.GraphThemeLayer.html" title="createThematicFeature" id="api-member" class="mapgis-link-name">createThematicFeature</a></li><li><a linkTo="#destroyFeatures" link="/static/modules/leaflet/api/leaflet-mapgis/zondy.themelayer.GraphThemeLayer.html" title="destroyFeatures" id="api-member" class="mapgis-link-name">destroyFeatures</a></li><li><a linkTo="#drawCharts" link="/static/modules/leaflet/api/leaflet-mapgis/zondy.themelayer.GraphThemeLayer.html" title="drawCharts" id="api-member" class="mapgis-link-name">drawCharts</a></li><li><a linkTo="#getEvents" link="/static/modules/leaflet/api/leaflet-mapgis/zondy.themelayer.GraphThemeLayer.html" title="getEvents" id="api-member" class="mapgis-link-name">getEvents</a></li><li><a linkTo="#getFeatureBy" link="/static/modules/leaflet/api/leaflet-mapgis/zondy.themelayer.GraphThemeLayer.html" title="getFeatureBy" id="api-member" class="mapgis-link-name">getFeatureBy</a></li><li><a linkTo="#getFeatureById" link="/static/modules/leaflet/api/leaflet-mapgis/zondy.themelayer.GraphThemeLayer.html" title="getFeatureById" id="api-member" class="mapgis-link-name">getFeatureById</a></li><li><a linkTo="#getFeatures" link="/static/modules/leaflet/api/leaflet-mapgis/zondy.themelayer.GraphThemeLayer.html" title="getFeatures" id="api-member" class="mapgis-link-name">getFeatures</a></li><li><a linkTo="#getFeaturesByAttribute" link="/static/modules/leaflet/api/leaflet-mapgis/zondy.themelayer.GraphThemeLayer.html" title="getFeaturesByAttribute" id="api-member" class="mapgis-link-name">getFeaturesByAttribute</a></li><li><a linkTo="#getLocalXY" link="/static/modules/leaflet/api/leaflet-mapgis/zondy.themelayer.GraphThemeLayer.html" title="getLocalXY" id="api-member" class="mapgis-link-name">getLocalXY</a></li><li><a linkTo="#getShapesByFeatureID" link="/static/modules/leaflet/api/leaflet-mapgis/zondy.themelayer.GraphThemeLayer.html" title="getShapesByFeatureID" id="api-member" class="mapgis-link-name">getShapesByFeatureID</a></li><li><a linkTo="#getWeightFieldValue" link="/static/modules/leaflet/api/leaflet-mapgis/zondy.themelayer.GraphThemeLayer.html" title="getWeightFieldValue" id="api-member" class="mapgis-link-name">getWeightFieldValue</a></li><li><a linkTo="#initialize" link="/static/modules/leaflet/api/leaflet-mapgis/zondy.themelayer.GraphThemeLayer.html" title="initialize" id="api-member" class="mapgis-link-name">initialize</a></li><li><a linkTo="#isChartInMap" link="/static/modules/leaflet/api/leaflet-mapgis/zondy.themelayer.GraphThemeLayer.html" title="isChartInMap" id="api-member" class="mapgis-link-name">isChartInMap</a></li><li><a linkTo="#isPointInPoly" link="/static/modules/leaflet/api/leaflet-mapgis/zondy.themelayer.GraphThemeLayer.html" title="isPointInPoly" id="api-member" class="mapgis-link-name">isPointInPoly</a></li><li><a linkTo="#isQuadrilateralOverLap" link="/static/modules/leaflet/api/leaflet-mapgis/zondy.themelayer.GraphThemeLayer.html" title="isQuadrilateralOverLap" id="api-member" class="mapgis-link-name">isQuadrilateralOverLap</a></li><li><a linkTo="#lineIntersection" link="/static/modules/leaflet/api/leaflet-mapgis/zondy.themelayer.GraphThemeLayer.html" title="lineIntersection" id="api-member" class="mapgis-link-name">lineIntersection</a></li><li><a linkTo="#off" link="/static/modules/leaflet/api/leaflet-mapgis/zondy.themelayer.GraphThemeLayer.html" title="off" id="api-member" class="mapgis-link-name">off</a></li><li><a linkTo="#on" link="/static/modules/leaflet/api/leaflet-mapgis/zondy.themelayer.GraphThemeLayer.html" title="on" id="api-member" class="mapgis-link-name">on</a></li><li><a linkTo="#onRemove" link="/static/modules/leaflet/api/leaflet-mapgis/zondy.themelayer.GraphThemeLayer.html" title="onRemove" id="api-member" class="mapgis-link-name">onRemove</a></li><li><a linkTo="#redraw" link="/static/modules/leaflet/api/leaflet-mapgis/zondy.themelayer.GraphThemeLayer.html" title="redraw" id="api-member" class="mapgis-link-name">redraw</a></li><li><a linkTo="#redrawThematicFeatures" link="/static/modules/leaflet/api/leaflet-mapgis/zondy.themelayer.GraphThemeLayer.html" title="redrawThematicFeatures" id="api-member" class="mapgis-link-name">redrawThematicFeatures</a></li><li><a linkTo="#removeAllFeatures" link="/static/modules/leaflet/api/leaflet-mapgis/zondy.themelayer.GraphThemeLayer.html" title="removeAllFeatures" id="api-member" class="mapgis-link-name">removeAllFeatures</a></li><li><a linkTo="#removeFeatures" link="/static/modules/leaflet/api/leaflet-mapgis/zondy.themelayer.GraphThemeLayer.html" title="removeFeatures" id="api-member" class="mapgis-link-name">removeFeatures</a></li><li><a linkTo="#setChartsType" link="/static/modules/leaflet/api/leaflet-mapgis/zondy.themelayer.GraphThemeLayer.html" title="setChartsType" id="api-member" class="mapgis-link-name">setChartsType</a></li><li><a linkTo="#setOpacity" link="/static/modules/leaflet/api/leaflet-mapgis/zondy.themelayer.GraphThemeLayer.html" title="setOpacity" id="api-member" class="mapgis-link-name">setOpacity</a></li><li><a linkTo="#update" link="/static/modules/leaflet/api/leaflet-mapgis/zondy.themelayer.GraphThemeLayer.html" title="update" id="api-member" class="mapgis-link-name">update</a></li></ul></div><div><a linkTo="#event" link="/static/modules/leaflet/api/leaflet-mapgis/zondy.themelayer.GraphThemeLayer.html" id="api-fold" class="mapgis-link-name">事件</a></div><div><ul><li><a linkTo="#beforefeaturesadded" link="/static/modules/leaflet/api/leaflet-mapgis/zondy.themelayer.GraphThemeLayer.html" title="beforefeaturesadded" id="api-member" class="mapgis-link-name">beforefeaturesadded</a></li><li><a linkTo="#changelayer" link="/static/modules/leaflet/api/leaflet-mapgis/zondy.themelayer.GraphThemeLayer.html" title="changelayer" id="api-member" class="mapgis-link-name">changelayer</a></li><li><a linkTo="#featuresremoved" link="/static/modules/leaflet/api/leaflet-mapgis/zondy.themelayer.GraphThemeLayer.html" title="featuresremoved" id="api-member" class="mapgis-link-name">featuresremoved</a></li></ul></div></div></ul><div onclick="toggleSideBar('GlobalFunction-sidebar')" id="GlobalFunction" style="font-weight: bold;vertical-align: middle;padding: 0.4rem 0;" class="mapgis-menu-span"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/m.png" alt="">全局方法</div><ul id="GlobalFunction-sidebar" class="mapgis-sidebar-menus"><li class="mapgis-link"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="global.html#initializeCRS">initializeCRS</a><img id="initializeCRS-detail-arrow" onclick="toggleLinkDetail('initializeCRS-detail')" style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/up-arrow.png" alt=""><span style="display: none;"><p>使用图层对象来构造Leaflet视图的CRS参数对象</p></span></li><div class="mapgis-link-detail" id="initializeCRS-detail"><div>参数:</div><div><ul><li><a href="#layer">layer</a></li><li><a href="#allLayers">allLayers</a></li></ul></div></div><li class="mapgis-link"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="global.html#initializeOptions">initializeOptions</a><img id="initializeOptions-detail-arrow" onclick="toggleLinkDetail('initializeOptions-detail')" style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/up-arrow.png" alt=""><span style="display: none;"><p>通过Common的图层对象构建Leaflet图层对象的初始化参数</p></span></li><div class="mapgis-link-detail" id="initializeOptions-detail"><div>参数:</div><div><ul><li><a href="#layer">layer</a></li></ul></div></div></ul></div>
</nav>
</div>
<div class="core" id="main-content-wrapper">
<div class="content" id="main-content">
<header id="page-title" class="page-title">
<span class="page-title-main">类名</span>
<span class="page-title-sub">Home</span>
</header>
<h3> </h3>
<section>
<article><h3>MapGIS WebClient for Leaflet API文档</h3>
<p>主要介绍 MapGIS WebClient for Leaflet 的用法</p>
<h2>模块划分</h2>
<h4>地图库模块</h4>
<p><code>地图视图</code></p>
<h2>准备</h2>
<h3>如何获取 MapGIS WebClient for Leaflet</h3>
<p>开发时需要引入MapGIS WebClient for Leaflet相关开发包。其中包括引擎核心库以及中地的插件库<br/></p>
<h4>外网</h4>
<h5>es5方式</h5>
<p>请在如下网址下载引擎核心库以及中地的插件库：<br/>
http://beta.smaryun.com/dev/download_detail.html#/download827</p>
<h5>es6方式</h5>
<p>请通过npm的方式安装插件库，开发所需依赖，都在插件库中</p>
<pre class="prettyprint source lang-markdown"><code> npm install @mapgis/webclient-leaflet-plugin
</code></pre>
<h4>内网</h4>
<h5>es5方式</h5>
<p>请在如下网址下载引擎核心库以及中地的插件库：<br/>
引擎库：http://192.168.11.130:4873/-/web/detail/@mapgis/leaflet <br/>
插件库：http://192.168.11.130:4873/-/web/detail/@mapgis/webclient-leaflet-plugin <br/></p>
<h5>es6方式</h5>
<p>请通过npm的方式安装插件库，开发所需依赖，都在插件库中<br/>
先将npm的源切换至内网<br/>
npm set registry http://192.168.11.130:4873/<br/>
然后通过npm进行安装</p>
<pre class="prettyprint source lang-markdown"><code> npm install @mapgis/webclient-leaflet-plugin
</code></pre>
<h2>引入</h2>
<h3>1、文件方式引入</h3>
<pre class="prettyprint source lang-html"><code><!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>
</code></pre>
<h3>2、npm方式引入</h3>
<p>找到你项目的index.html或者项目的css中设置如下样式</p>
<pre class="prettyprint source lang-css"><code>/*设置场景视图的样式，一定要设置否则地图无法显示*/
#你的场景视图的id {
width: 100%;
height: 100%;
position: absolute;
}
</code></pre>
<p>之后通过npm的方式引入插件库</p>
<pre class="prettyprint source lang-markdown"><code> npm install @mapgis/webclient-leaflet-plugin
</code></pre>
<p>并且在项目的main.js
中引入leaflet的css样式</p>
<pre class="prettyprint source lang-javascript"><code>import '@mapgis/leaflet/dist/leaflet.css'
</code></pre></article>
</section>
</div>
<footer class="footer">
<div class="content has-text-centered">
<p>文档生成<a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.11</a></p>
<p class="sidebar-created-by">
<a href="https://www.smaryun.com" target="_blank" rel="noopener noreferrer">司马云</a> <span>© 2020 云生态圈</span>
<a href="http://develop.smaryun.com:8899/" target="_blank" rel="noopener noreferrer">MapGIS Client for JavaScript</a>
</p>
</div>
</footer>
</div>
<div id="side-nav" class="side-nav">
<div style="margin-bottom: 10px;">
<img style="vertical-align: middle;margin-right: 10px;width: 30px;" src="./styles/anchor.png"/><a href="#page-title">构造函数</a>
</div>
<div style="margin-bottom: 10px;">
<img style="vertical-align: middle;margin-right: 10px;width: 30px;" src="./styles/anchor.png"/><a href="#member">成员变量</a>
</div>
<div style="margin-bottom: 10px;">
<img style="vertical-align: middle;margin-right: 10px;width: 30px;" src="./styles/anchor.png"/><a href="#function">方法</a>
</div>
<div>
<img style="vertical-align: middle;margin-right: 10px;width: 30px;" src="./styles/anchor.png"/><a href="#event">事件</a>
</div>
</div>
</div>
<script src="scripts/linenumber.js"> </script>
<script src="scripts/search.js"> </script>
<script src="scripts/sideBar.js"> </script>
</body>
</html>