试玩到使用天地图 。。真真文档后续补上
    试玩阶段。。文档后续接上

    安装

    1. npm install vue-baidu-map --save

    注册

    1. 全局注册
    2. import Vue from 'vue'
    3. import BaiduMap from 'vue-baidu-map'
    5. Vue.use(BaiduMap, {
    6.   // ak 是在百度地图开发者平台申请的密钥 详见 http://lbsyun.baidu.com/apiconsole/key */
    7.   ak: 'YOUR_APP_KEY'
    8. })
    10. <template>
    11.   <div class="home">
    12.     <!-- 使用 -->
    13.     <div class="home_map">
    14.       <baidu-map class="map" center="北京" scroll-wheel-zoom="true">
    15.         <!-- 增加缩放控件 -->
    16.         <bm-navigation anchor="BMAP_ANCHOR_TOP_RIGHT"></bm-navigation>
    17.         <!-- 增加缩略视图 -->
    18.         <bm-overview-map
    19.           anchor="BMAP_ANCHOR_BOTTOM_RIGHT"
    20.           :isOpen="true"
    21.         ></bm-overview-map>
    22.       </baidu-map>
    23.     </div>
    24.   </div>
    25. </template>
    27. <script>
    28. export default {
    29.   name: "Home",
    30.   components: {}
    31. };
    32. </script>
    34. <style scoped>
    35. .map {
    36.   width: 100%;
    37.   height: 700px;
    38. }
    39. </style>
    40. <style>
    41. .BMap_cpyCtrl {
    42.   display: none;
    43. }
    45. .anchorBL {
    46.   display: none;
    47. }
    48. </style>
    51. 局部注册
    52. 在项目页面内引用即可