vue百度地图实现下拉匹配地址并给选中项添加标注、定位

最新推荐文章于 2024-04-23 10:23:35 发布

智慧的牛

最新推荐文章于 2024-04-23 10:23:35 发布

阅读量547

点赞数 2

文章标签： vue.js 前端 javascript 地图

本文链接：https://blog.youkuaiyun.com/guzhangyu12345/article/details/136836759

版权

效果图

安装npm依赖

npm install vue-baidu-map

页面代码

新建页面test.vue

<template>
  <baidu-map class="bm-view" scroll-wheel-zoom :center="location" :zoom="zoom" ak="xx" @ready="mapReady">
    <bm-view class="map"></bm-view>
    <bm-control :offset="{width: '50px', height: '10px'}">
      <el-input v-model="inputValue" id="suggestId"></el-input>
    </bm-control>

    <bm-navigation anchor="BMAP_ANCHOR_BOTTOM_RIGHT"></bm-navigation>
  </baidu-map>
</template>

<script>

  import BaiduMap from 'vue-baidu