control | Vue-Amap

# 参数配置

control组件支持高德地图控件所有属性及事件。该组件提供了五种默认控件ControlBar、MapType、OverView、Scale、ToolBar及通用Control。其中默认控件可以使用 <el-amap-controlname/> 的方式直接使用，而通用Control组件需要提供具体控件名称 <el-amap-control control-name='controlName'/>

# 示例

<template>
  <el-amap 
    style="height: 400px;"
    :zoom="zoom"
    :center="center"
    @complete="complete"
  >
    <el-amap-maptype/>
    <el-amap-overview :isOpen="true"/>
    <el-amap-scale/>
    <el-amap-toolbar/>
    <el-amap-controlbar/>
    <el-amap-control control-name="Geolocation"></el-amap-control>
  </el-amap>
</template>

<script>
export default {
  data () {
    return {
      zoom: 6,
      center: [116.3, 39.1]
    }
  },
  methods: {
    complete () {
      console.log('complete')
    }
  }
}
</script>

← map marker →