| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748 |
- <template>
- <div v-if="paths.length">
- <bm-polygon v-for="(path, index) of paths" :key="index" :path="path" :stroke-color="strokeColor" :stroke-weight="strokeWeight"
- :stroke-opacity="strokeOpacity" :stroke-style="strokeStyle" :fill-opacity="fillOpacity" :fill-color="fillColor" :mass-clear="massClear"
- :clicking="clicking" @click="$emit('click', $event)" @dblclick="$emit('dblclick', $event)" @mousedown="$emit('mousedown', $event)"
- @mouseup="$emit('mouseup', $event)" @mouseout="$emit('mouseout', $event)" @mouseover="$emit('mouseover', $event)"
- @remove="$emit('remove', $event)" />
- </div>
- </template>
- <script>
- import BmPolygon from '../overlays/Polygon.vue'
- import commonMixin from '../base/mixins/common.js'
- // import abstractMixin from '../base/mixins/abstract.js'
- export default {
- mixins: [
- commonMixin('abstract')
- ],
- emits: ['click', 'dblclick', 'mousedown', 'mouseup', 'mouseout', 'mouseover', 'remove', 'load'],
- props: ['name', 'strokeColor', 'strokeWeight', 'strokeOpacity', 'strokeStyle', 'fillColor', 'fillOpacity', 'massClear', 'clicking'],
- data() {
- return {
- paths: []
- }
- },
- components: {
- BmPolygon
- },
- watch: {
- name() {
- this.reload()
- }
- },
- methods: {
- load() {
- const { BMap, name } = this
- const bd = new BMap.Boundary()
- bd.get(name, data => {
- const paths = data.boundaries.map(boundary => (boundary || []).split(';')
- .map(point => (([lng, lat]) => ({ lng, lat }))(point.split(',').map(p => +p))))
- this.paths = paths;
- this.$emit('load', { boundaries: data.boundaries, paths: [...paths] });
- })
- }
- }
- }
- </script>
|
