对未来充满幻想的小程序员 2019-08-12 22:00 采纳率: 20%
浏览 2365

Vue el-amap 调用高德地图绘画多边形

小白求帮助!!!

图片说明图片说明图片说明图片说明



ref="map"
vid="amapDemo"
:amap-manager="amapManager"
:center="center"
:zoom="zoom"
:plugin="plugin"
:events="events"
class="amap-demo">



.mod-home { line-height: 1.5; } .grid-content{ grid-column-gap: 10px; } .col-height{ height: 450px; } .mymap{ width: 1000px; height: 800px; } import News from './news' import Expire from './expire' import ExpireShow from './expireshow' import AMap from 'vue-amap' let amapManager = new AMap.AMapManager() export default { data () { return { loading: true, cycle: '', amapManager, zoom: 12, center: [121, 31], events: { init: o => { console.log(o.getCenter()) // console.log(this.$refs.map.$$getInstance()); o.getCity(result => { console.log(result) }) }, moveend: () => {}, zoomchange: () => {}, click: e => { this.drawPolygon() } }, plugin: [ 'ToolBar', 'mouseTool', { pName: 'MapType', defaultType: 0, events: { init (o) { console.log(o) }, } } ] } }, // 高德地图 mounted () { // 加载地图和相关组件 // this.loadmap() }, // inject: ['reload'], components: { News, Expire, ExpireShow }, activated () { }, methods: { drawPolygon () { mouseTool.polygon({ strokeColor: "#FF33FF", strokeOpacity: 1, strokeWeight: 6, strokeOpacity: 0.2, fillColor: '#1791fc', fillOpacity: 0.4, // 线样式还支持 'dashed' strokeStyle: "solid", // strokeStyle是dashed时有效 // strokeDasharray: [30,10], }) } } }
  • 写回答

1条回答 默认 最新

  • zqbnqsdsmd 2019-08-13 00:05
    关注
    评论

报告相同问题?

悬赏问题

  • ¥15 多电路系统共用电源的串扰问题
  • ¥15 shape_predictor_68_face_landmarks.dat
  • ¥15 slam rangenet++配置
  • ¥15 有没有研究水声通信方面的帮我改俩matlab代码
  • ¥15 对于相关问题的求解与代码
  • ¥15 ubuntu子系统密码忘记
  • ¥15 信号傅里叶变换在matlab上遇到的小问题请求帮助
  • ¥15 保护模式-系统加载-段寄存器
  • ¥15 电脑桌面设定一个区域禁止鼠标操作
  • ¥15 求NPF226060磁芯的详细资料