shixian-leaflet

说明

一款基于leaflet和其插件的组件，目前适用于市县平台。目前支持加载不同类型的点，如icon、gif点。

下载安装

npm install shixian-leaflet

使用方法

main.js

import zui from 'shixian-leaflet/packages/index'

Vue.use(zui)

调用界面

<hyt-leaflet ref="hytleaflet" :center="center" :level="level"></hyt-leaflet>

参数方法说明

hyt-leaflet组件 方法名及配置项

1. center
2. level
3. addpoint()

center [Arry]

配置项，用于配置地图中心位置。示例：

[41, 123]

level [Number]

配置项，用于配置地图缩放层级。

addpoint [Function]

方法，用于加载地图上所需要的点。数据格式、调用示例：

 let pointArry = [
        {
          type: "",
          lat: 36.95903,
          lng: 118.099474,
          popup: true,
          popupHtml: "",
        },
        {
          type: "gif",
          lat: 36.95891,
          lng: 118.105649,
          popup: true,
          popupHtml: "",
        },
      ];
      this.mapPoint=this.$refs.hytleaflet.addpoint(pointArry);

addGifPoint[Function]

方法，用于加载地图上的gif点。数据格式、调式示例：

let pointArry = [
        {lat:36.95891,lon:118.105649,popup:true,popupHtml:""},
      ]
this.mapPointGif=_self.$refs.hytleaflet.addGifPoint(pointArry)

clearPoint[Function] clearGifPoint[Function]

方法，清楚地图上的点。

this.$refs.hytleaflet.clearPoint(this.mapPoint)
this.$refs.hytleaflet.clearGifPoint(this.mapPointGif)

addWms[Function] clearWms[function]

方法，添加wms图层

this.wms = this.$refs.hytleaflet.addWms("url","layersName")
this.$refs.hytleaflet.clearWms(this.wms)

centerAt[Function]

方法、复位

 this.$refs.hytleaflet.centerAt()

drawPolygon[Function]

方法、绘制多边形

this.$refs.hytleaflet.drawPolygon()