对未来充满幻想的小程序员 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 Jenkins+k8s部署slave节点offline
  • ¥15 微信小游戏反编译后,出现找不到分包的情况
  • ¥15 如何实现从tello无人机上获取实时传输的视频流,然后将获取的视频通过yolov5进行检测
  • ¥15 WPF使用Canvas绘制矢量图问题
  • ¥15 用三极管设计一个单管共射放大电路
  • ¥15 孟德尔随机化r语言运行问题
  • ¥15 pyinstaller编译的时候出现No module named 'imp'
  • ¥15 nirs_kit中打码怎么看(打码文件是csv格式)
  • ¥15 怎么把多于硬盘空间放到根目录下
  • ¥15 Matlab问题解答有两个问题