https://github.com/Dafrok/vue-baidu-map

Baidu Map components for Vue 2.x
https://github.com/Dafrok/vue-baidu-map

baidu baidumap map vue vue-baidu-map

Last synced: 13 days ago
JSON representation

Baidu Map components for Vue 2.x

• Host: GitHub
• URL: https://github.com/Dafrok/vue-baidu-map
• Owner: Dafrok
• License: mit
• Created: 2017-01-11T03:53:13.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2023-01-12T08:24:55.000Z (over 2 years ago)
• Last Synced: 2025-03-22T20:04:30.305Z (23 days ago)
• Topics: baidu, baidumap, map, vue, vue-baidu-map
• Language: Vue
• Homepage: https://dafrok.github.io/vue-baidu-map/
• Size: 5.6 MB
• Stars: 2,422
• Watchers: 57
• Forks: 431
• Open Issues: 216
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-github-vue - vue-baidu-map - 基于 Vue 2的百度地图组件库 (UI组件)
• awesome-vue - vue-baidu-map - 基于 Vue 2的百度地图组件库 (UI组件)
• awesome-github-vue - vue-baidu-map - 基于 Vue 2的百度地图组件库 (UI组件)
• awesome - vue-baidu-map - 基于 Vue 2的百度地图组件库 (UI组件)
• awesome-vue - vue-baidu-map - baidu-map?style=social) - 基于 Vue 2的百度地图组件库 (UI组件)

README

        
# VUE BAIDU MAP



  



Baidu Map components for Vue 2.x


[![npm](https://img.shields.io/npm/v/vue-baidu-map.svg)]()

[![Travis](https://img.shields.io/travis/Dafrok/vue-baidu-map.svg)]()

[![Package Quality](http://npm.packagequality.com/shield/vue-baidu-map.svg)](http://packagequality.com/#?package=vue-baidu-map)

[![npm](https://img.shields.io/npm/dm/vue-baidu-map.svg)]()

[![license](https://img.shields.io/github/license/dafrok/vue-baidu-map.svg)]()

## Languages

- [中文](https://github.com/Dafrok/vue-baidu-map/blob/master/README.zh.md)

- [English](https://github.com/Dafrok/vue-baidu-map/blob/master/README.md)

## Documentation

[https://dafrok.github.io/vue-baidu-map](https://dafrok.github.io/vue-baidu-map)

## Get Start

### Installation

```bash

npm i --save vue-baidu-map

```

### Initialization

```javascript

import Vue from 'vue'

import BaiduMap from 'vue-baidu-map'

Vue.use(BaiduMap, {

  /* Visit http://lbsyun.baidu.com/apiconsole/key for details about app key. */

  ak: 'YOUR_APP_KEY'

})

```

### Usage

```vue

  

  

/* The container of BaiduMap must be set width & height. */

.map {

  width: 100%;

  height: 300px;

}

```

## Contributing

[Contributing Guide](https://github.com/Dafrok/vue-baidu-map/blob/master/CONTRIBUTING.md)

## License

[MIT License](https://opensource.org/licenses/MIT)

Copyright (c) 2016-present, Dafrok