当前位置:   article > 正文

vue2百度地图使用_百度地图vue2

百度地图vue2

1,项目安装百度地图.(https://dafrok.github.io/vue-baidu-map/#/)

npm install vue-baidu-map --save

2,引入

main.js

  1. import Vue from 'vue'
  2. import BaiduMap from 'vue-baidu-map'
  3. Vue.use(BaiduMap, {
  4. // ak 是在百度地图开发者平台申请的密钥 详见 http://lbsyun.baidu.com/apiconsole/key */
  5. ak: 'YOUR_APP_KEY'
  6. })

index.vue

  1. <template>
  2. <baidu-map class="bm-view" center="北京">
  3. </baidu-map>
  4. </template>
  5. <style>
  6. .bm-view {
  7. width: 100%;
  8. height: 300px;
  9. }
  10. </style>

 3.运行项目

最后,根据需求愉快的coding吧 。。。。。。

声明:本文内容由网友自发贡献,转载请注明出处:【wpsshop】
推荐阅读
相关标签
  

闽ICP备14008679号