@chengli1988/vue-baidu-map

基于大神 Dafrok 开发的VUE 2.x 的百度地图组件:vue-baidu-map 的升级。

Usage no npm install needed!

<script type="module">
  import chengli1988VueBaiduMap from 'https://cdn.skypack.dev/@chengli1988/vue-baidu-map';
</script>

README

VUE BAIDU MAP

声明

基于大神 Dafrok 开发的VUE 2.x 的百度地图组件:vue-baidu-map 的升级。

相关文档:https://dafrok.github.io/vue-baidu-map

如遇文档打不开的情况,尝试使用以下DNS:

223.5.5.5

223.6.6.6

开始

安装

npm i --save @chengli1988/vue-baidu-map

初始化

import Vue from 'vue'
import BaiduMap from '@chengli1988/vue-baidu-map'

Vue.use(BaiduMap, {
  // ak 是在百度地图开发者平台申请的密钥
  ak: 'YOUR_APP_KEY',
  // 个性化地图styleId 可选配置
  mapStyleId: 'YOUR_STYLE_ID'
})

使用

<template>
  <baidu-map class="map">
  </baidu-map>
</template>

<style>
/* 地图容器必须设置宽和高属性 */
.map {
  width: 400px;
  height: 300px;
}
</style>

版本说明

0.0.11

1.增加地图中心点配置,初始化地图(ready事件)可以获取该值设置地图中心点

0.0.10

1.移除mapStyle属性

2.增加mapStyleJson属性,支持通过设置styleJson设置 个性化地图

3.优化代码

0.0.9

1.增加 mapStyleId 全局配置属性,支持统一设置 mapStyleId ,优先级:组件mapStyleId > 全局mapStyleId

0.0.7 == 0.0.8

修改 components/map/Map.vue

1.升级api版本 2.0 => 3.0

2.移除 theme 属性

3.增加 mapStyleId 属性,支持通过设置styleId设置 个性化地图

更多历史版本

协议

MIT 许可证