图层管理

<sm-web-map :map-options="mapOptions">
  <sm-layer-manager position="top-left" :layers="layers"></sm-layer-manager>
</sm-web-map>

<script>
new Vue({
  el: '#main',
  data() {
    return {
      layers: [
        {
          title: '直辖市',
          children: [
            {
              title: '上海',
              mapInfo: {
                serverUrl: 'https://www.supermapol.com/',
                mapId: 394538195,
                layerFilter: function(layer) {
                  if (layer.name === '上海_县级行政区划图@公众数据') {
                    return true;
                  }
                  return false;
                }
              }
            }
          ]
        }
      ]
    };
  }
});
</script>

Attributes

参数	说明	类型	可选值	默认值
layers	treeNodes 数据	-	layer[ ]	-
replaceFields	替换 treeNode 中 title,key,children 字段为 treeData 中对应的字段	{children:'children', title:'title', key:'key' }	object	-
defaultExpandAll	默认展开所有树节点	false	boolean	-
iconClass	收缩按钮的 Font class 类名	string	-	'sm-components-icon-layer-manager'
headerName	标题名	string	-	'图层管理'

支持主题混入参数和卡片混入参数和 Control 混入参数

layer

参数	说明	类型	可选值	默认值
title	标题	string	-	-
children	子节点数据	array	-	-
mapInfo	地图配置对象	mapInfo	-	-

mapInfo

参数	说明	类型	可选值	默认值
serverUrl	SuperMap iPortal/Online 服务器地址	string	-	https://www.supermapol.com
mapId	iPortal Online 地图 ID	number	-	-
mapOptions	MapboxGL map options 对象 (opens new window)	object	-	-
withCredentials	是否携带 cookie	boolean	-	false
layerFilter	判断图层是否加载	function	-	function() { return true}