https://github.com/ElemeFE/vue-amap

🌍 基于 Vue 2.x 和高德地图的地图组件
https://github.com/ElemeFE/vue-amap

amap component-library javascript vue

Last synced: about 8 hours ago
JSON representation

🌍 基于 Vue 2.x 和高德地图的地图组件

• Host: GitHub
• URL: https://github.com/ElemeFE/vue-amap
• Owner: ElemeFE
• License: mit
• Created: 2016-10-10T02:36:37.000Z (over 7 years ago)
• Default Branch: dev
• Last Pushed: 2022-12-07T23:04:30.000Z (over 1 year ago)
• Last Synced: 2024-05-29T10:11:59.244Z (25 days ago)
• Topics: amap, component-library, javascript, vue
• Language: JavaScript
• Homepage: https://elemefe.github.io/vue-amap/
• Size: 3.54 MB
• Stars: 3,319
• Watchers: 104
• Forks: 584
• Open Issues: 244
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE

Lists

• awesome-made-by-chinese - vue-amap
• awesome-vue - vue-amap - amap?style=social) - 基于Vue 2和高德地图的地图组件 (UI组件)
• awesome-github-vue - vue-amap - 基于Vue 2和高德地图的地图组件 (UI组件)
• awesome-vue - vue-amap - 基于Vue 2和高德地图的地图组件 (UI组件)
• awesome - vue-amap - 基于Vue 2和高德地图的地图组件 (UI组件)
• awesome-github-vue - vue-amap - 基于Vue 2和高德地图的地图组件 (UI组件)
• awesome-github-vue - vue-amap - 基于Vue 2和高德地图的地图组件 (UI组件)

README

        


  



# vue-amap

[![Build Status](https://travis-ci.org/ElemeFE/vue-amap.svg?branch=master)](https://travis-ci.org/ElemeFE/vue-amap)

[![npm package](https://img.shields.io/npm/v/vue-amap.svg)](https://www.npmjs.org/package/vue-amap)

[![NPM downloads](http://img.shields.io/npm/dm/vue-amap.svg)](https://npmjs.org/package/vue-amap)

![JS gzip size](http://img.badgesize.io/https://unpkg.com/vue-amap/src/lib/index.js?compression=gzip&label=gzip%20size:%20JS)

[![license](https://img.shields.io/github/license/elemefe/vue-amap.svg?style=flat-square)](https://github.com/ElemeFE/vue-amap)

[![GitHub stars](https://img.shields.io/github/stars/elemefe/vue-amap.svg?style=social&label=Star)](https://github.com/ElemeFE/vue-amap)

> vue-amap是一套基于Vue 2.0和高德地图的地图组件。

## 安装

```

npm install -S vue-amap

```

## 文档

[https://elemefe.github.io/vue-amap](https://elemefe.github.io/vue-amap)

## 快速上手

引入vue-amap

```javascript

// 引入vue-amap

import VueAMap from 'vue-amap';

Vue.use(VueAMap);

// 初始化vue-amap

VueAMap.initAMapApiLoader({

  // 高德的key

  key: 'YOUR_KEY',

  // 插件集合

  plugin: ['AMap.Autocomplete', 'AMap.PlaceSearch', 'AMap.Scale', 'AMap.OverView', 'AMap.ToolBar', 'AMap.MapType', 'AMap.PolyEditor', 'AMap.CircleEditor'],

  // 高德 sdk 版本，默认为 1.4.4

  v: '1.4.4'

});

```

## 组件

### 地图

```vue

```

### 点坐标

```vue

  

```

### 折线

```vue

  

```

### 多边形

```vue

  

```

### 圆

```vue

  

```

### 图片覆盖物

```vue

  

```

### 文本

```vue

  

```

### 贝塞尔曲线

```vue

  

```

### 圆点标记

```vue

  

```

### 椭圆

```vue

  

```

### 矩形

```vue

  

```

### 信息窗体

```vue

  

```

### Search-Box

```vue

```

### 其他特性

* 支持自定义组件

* 支持官方 UI 组件库

## 反馈

文档被大家吐槽了挺久，这段时间，针对大家的问题，对文档进行了一次升级。后续将重点持续完善「示例中心」，如果大家在使用过程中，遇到了些问题，欢迎提 issue，我们将根据大家的反馈，逐渐充实「示例中心」，更好地为大家服务。