百度地图 海量点实现,并标注label ,并根据多个点位设置显示中心区域
说明:此案例用于vue项目,注意标注点经纬度根据你所使用的地图来转换
第一步:引入百度地图js
实现效果:展示多个点位(此案例用marker划点位),并标注label ,并根据多个点位设置显示中心区域
<script type="text/javascript" src="//api.map.baidu.com/api?v=3.0&ak=自己的ak"></script>
第二步:引入插件
<script>
import BMap from 'BMap';
</script>
第三步:创建地图
html
<template>
<div id="mapcontainer"></div>
</template>
script:设置中心点setViewport;显示要注意经纬度数组格式,并把经纬度为0的剔除掉,不然设置不成功。
<script>
export default {
data()