【坐标范围计算显示缩放级别zoom自适应显示地图】

一.数据:

数据准备

var points = [
    {
   "lng":116,"lat":40,"status":1,"id":50},
    {
   "lng":117,"lat":31,"status":1,"id":2},
    {
   "lng":116,"lat":34,"status":0,"id":3},
    {
   "lng":118,"lat":39,"status":0,"id":4},
    {
   "lng":110,"lat":35,"status":1,"id":5}
 ];

计算最大经纬度,最小经纬度。计算中心点。并调用getZoom()获取显示级别。

设置中心点和缩放大小
// 设置中心点和缩放大小  {maxLng, minLng, maxLat, minLat}
setMapCenterZoom(centerObjet){
   
    // 设置 缩放比例和
    const {
   maxLng, minLng, maxLat, minLat } =  centerObjet
    const zoom = this.getZoom(maxLng, minLng, maxLat, minLat);
    var cenLng =(parseFloat(maxLng)+parseFloat(minLng))/2;
    var cenLat = (parseFloat(maxLat)+parseFloat(minLat))/2;
    this.map.setCenter(( new TMap.LatLng(cenLat, cenLng)));
    this.map.setZoom(zoom)
},
获取最大值
/**
* 获取最大经纬度
* @param getMaxLngAndLat {Array<Array<Object>>} [[{lat, lng}]]
* @return { Object } {lat lng}
*/
getMaxLngAndLat(paths){
   
    if(paths.length > 0
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值