1.0.2 • Published 2 years ago

harkymap v1.0.2

Weekly downloads
-
License
ISC
Repository
-
Last release
2 years ago

开始前的需求

地图组件需要可以传入的参数

基本信息:地图大小,中心点坐标,zoom大小
Marker点属性
折线属性
添加流动属性
支持geoJson

npm安装

yarn add Xleaflet

引用

import Leaflet from 'xleaflet'
<Leaflet :mapInfo="mapInfo" :marker="marker" :geoJson="geoJsonFeature" :antPath="antPath"  />

使用方法

地图配置信息

mapInfo={
    zoom:17,
    center:[33.52986023153757, 117.00426240125785],
    widht:'800px',
    height:'600px'
}

传入标记点

const marker = ref([{
  lat:33.52986023153757,
  lng:117.00426240125785,
  title:'中间点',
  id:123
}])

geoJson文件

geoJsonFeature 对象或者数组
leaflet 插件流动图
const antPath = ref([
  [33.52986023153757, 117.00426240125785],
  [33.52986023153757, 117.00126240125785],
])