记录使用vue-Baidu-map循环生成多个点时信息窗体显示问题

项目场景:

vue项目中需要在地图中显示多个点,点击地图中的点通过信息窗体呈现出每个点对应的信息


问题描述:

项目中使用vue Baidu map 这个插件来渲染地图,按照文档进行配置操作后,通过for循环将不同的坐标点渲染到地图上,在点击的时候显示窗体信息,结果出现点击不同的点,信息窗体始终在一个位置不变的问题,后来发现没有配置position属性,这一属性表示信息窗体的位置,可以通过坐标点来配置,但是配置完后发现仍然没有效果。

vue Baidu map 文档:(https://dafrok.github.io/vue-baidu-map/#/zh)
问题代码

//html的部分代码
 <baidu-map
      class="bm-view"
      :center="center"
      :zoom="zoom"
      :scroll-wheel-zoom="true"
    >
      <bm-marker
        :position="{lng:item.longitude,lat:item.latitude}"
        @click="clickMarker(item)"
        v-for="item in mapData"
        :key="item.id"
      >
        <bm

你可能感兴趣的:(map,javascript,vue.js)