超图-Supermap iclient for leaflet 用法速搜（入门级）

一、环境依赖

从超图官网下载supermap_iclient_1010.zip解压后，将leaflet目录复制到项目中即可！

二、监听

1.点击监听

	// 点击监听 拾取坐标
    map.on('click', function(e) {
        console.log(e.latlng);
    });

2.缩放监听

    // 缩放监听   当zoom>=10的时候再显示本图层。
    map.on('zoomend', function(e) {
        if(e.target.getZoom() >= 10) {
         map.addLayer(resultLayer);
        } else{ 
         map.removeLayer(resultLayer);
        }
    });

三、插件库

leaflet常用插件库

1.全屏插件

<script type="text/javascript" src="/dist/leaflet/include-leaflet.js" th:src="@{/dist/leaflet/include-leaflet.js}"></script>
<link rel="stylesheet" href="/dist/leaflet/fullscreen/Control.FullScreen.css" th:href="@{/dist/leaflet/fullscreen/Control.FullScreen.css}" />
<script type="text/javascript" src="/dist/leaflet/fullscreen/Control.FullScreen.js" th:src="@{/dist/leaflet/fullscreen/Control.FullScreen.js}"></script>

var map = new L.Map('map', {
  fullscreenControl: true,
  fullscreenControlOptions: {
    position: 'topleft'
  }
});