vue画一朵玫瑰_vue-baidu-map 绘制任意图形

placeholder="请输入地址来直接查找相关位置">

:gutter="20"

style="padding: 20px 0; margin: 20px 0; border: 1px solid #ccc; border-radius: 4px"

>

>{{ polygonPath.editing ? '重新绘制' : '开始绘制' }}

编辑

保存

@click="drawLine" class="bmView" :scroll-wheel-zoom="true" @ready="handler" :center="center"

style="height:1080px"

:zoom="zoom" ak="http://17.22.40.34:8219/baidumap/jsapi/api.js">

:path="path"

v-for="path of polygonPath.paths"

:key="path.toString()"

stroke-color="blue"

fill-color="red"

:fill-opacity="0.1"

:stroke-opacity="0.5"

:stroke-weight="2"

:editing="polygonPath.editing"

@lineupdate="updatePolygonPath"

>

v-for="(item, index) in polygonPath.paths[0]"

:position="item"

:key="index"

:dragging="false"

>