Update icon of polygon markers

This commit is contained in:
2021-09-05 22:43:11 +00:00
parent ad52007642
commit 48b476a238
2 changed files with 10 additions and 3 deletions

View File

@@ -1,7 +1,13 @@
<template>
<div @keydown.backspace="removeLastMarker">
<field-map :bounds="bounds" :center="center" :field="field" @click="createMarker">
<l-marker v-for="marker in markers" :lat-lng="marker" :draggable="edit" @dragend="triggerChange" />
<l-marker v-for="marker in markers" :lat-lng="marker" :draggable="edit" @dragend="triggerChange">
<l-icon
:icon-size="[24, 24]"
:icon-anchor="[12, 12]"
icon-url="/images/point_marker.svg"
/>
</l-marker>
<l-polygon :lat-lngs="value" :visible="true" />
</field-map>
@@ -17,7 +23,7 @@
</template>
<script>
import {LMarker, LPolygon} from 'vue2-leaflet'
import {LMarker, LIcon, LPolygon} from 'vue2-leaflet'
export default {
props: {
@@ -96,6 +102,7 @@ export default {
components: {
LMarker,
LIcon,
LPolygon,
}
}