vue-ol-pop openlayers 信息弹窗组件 欢迎 star 使用

vue-ol-pop

openlayers 使用的简洁信息弹窗 主要用于展示 feature 的 key value 形式属性信息
git 地址 https://github.com/Alanxhy/vue-ol-pop.git

使用方法

# install dependencies
npm install vue-ol-pop -S


# main.js
import popup from 'vue-ol-pop'
Vue.use(popup)


# component.vue 在项目中引用
<template>
  <div id="app">
    <div id="map"></div>
    <popup 
      :showMore="true" 
      :map="map" 
      :coordinate="coordinate" 
      :attr="attr" 
      @closePop="closePop" 
      @popMore="popMore">
    </popup>
  </div>
</template>

组件参数

showMore   非必须   控制 more 按钮显示  Boolean
map        必须     ol 的 map 实例     Object
coordinate 必须     弹窗显示坐标        Array
attr       必须     featrue 属性信息   Object

组件方法

closePop 弹窗关闭的回调
popMore  弹窗更多按钮点击的回调