vue使用百度地图

vue百度地图的使用

使用地图前需要在 http://lbsyun.baidu.com/ 先获取到ak

申请成为百度开发者之后，创建应用，获取ak

点击查看应用，复制ak

到这里就获取到使用百度地图的第一步了

第一种式引入百度地图的方式

1. JavaScript方式引入

第二种方式引入百度地图的方式

• vue方式引入

  Vue.js中使用百度地图，百度地图开源了vue插件 Vue Baidu Map

  官方网站：vue百度地图官网链接

安装

- 两种方式

npm方式全局组件 注册

使用地图 官网教程链接

 列:驾车路线地图

<template>
  <baidu-map>
    <bm-view class="map">
    </bm-view>
    <bm-driving
      start="启点"
      end="终点"
     </bm-driving>
  </baidu-map>
</template>

<style>
.map {
  width: 100%;
  height: 300px;
}
</style>