【百度商圈】选中的商圈定位到地图中心点

有时,在我们查找商圈时,或者选中商圈时,需要把 商圈定位到地图的中心点,方便查看:

// 定位商圈,使商圈定位到地图正中
 handleSelect (val) {
 // 查找符合条件的商圈
   let over = overlays.filter(overlay => {
     return overlay.tradeName === val.tradeName
   })[0]

   let lat // 经度
   let lng // 纬度
   // 如果当前商圈为多边形商圈
   if (over.so.length !== 0) {
     lat = over.so[0].lat
     lng = over.so[0].lng
     let latarr = over.so.map(val => {
       return val.lat
     })
     let lngarr = over.so.map(val => {
       return val.lng
     })
	
     let latMax = Math.max.apply(this, latarr) // 经度最大值
     let latMin = Math.min.apply(this, latarr) // 经度最小值
     let lngMax = Math.max.apply(this, lngarr) // 纬度最大值
     let lngMin = Math.min.apply(this, lngarr) // 纬度最小值
     lat = ((latMax - latMin) / 2) + latMin
     lng = ((lngMax - lngMin) / 2) + lngMin
   } else if (over.hasOwnProperty('point') && over.point.length !== 0) {
   	// 如果当前商圈为圆形或方形商圈
     lat = over.point.lat
     lng = over.point.lng
   }
	// 设置地图中心点
   this.map.setCenter(new BMap.Point(lng, lat))
 }
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值