百度地图自动缩放与指定中心点的自动缩放

标签: javascript  街景地图

百度地图自动缩放与指定中心点的自动缩放

根据指定中心点,自动计算缩放等级

效果图:
在这里插入图片描述

                function getZoom (list) { 
                    var point0 = new BMap.Point(list[0].lon, list[0].lat);
                    var maxDistance = 0;
                    for(var i = 1; i<list.length;i++){
                        var pointX = new BMap.Point(list[i].lon, list[i].lat);
                        var distance = map.getDistance(point0,pointX).toFixed(1);
                        if(distance > maxDistance){
                            maxDistance = distance
                        }
                    }
                    maxDistance = maxDistance*2;//计算距离中心点最远点和中心点距离的2倍
                    var zoom = ["50","100","200","500","1000","2000","5000","10000","20000","25000","50000","100000","200000","500000","1000000","2000000"]//级别18到3。  
                    // var pointA = new BMap.Point(maxLng,maxLat);  // 创建点坐标A  
                    // var pointB = new BMap.Point(minLng,minLat);  // 创建点坐标B  
                    // var distance = map.getDistance(pointA,pointB).toFixed(1);  //获取两点距离,保留小数点后两位  
                    for (var i = 0,zoomLen = zoom.length; i < zoomLen; i++) {  
                        if(zoom[i] - distance > 0){  
                            return 18-i;//之所以会多3,是因为地图范围常常是比例尺距离的10倍以上。所以级别会增加3。  
                        }  
                    };  
                }
                function setZoom(bPoints) {
                    var mapZoom = getZoom(list);
                    var centerPoint = new BMap.Point(list[0].lon, list[0].lat);
                    map.centerAndZoom(centerPoint, mapZoom);

                }

画点

                for (var i = 0; i < list.length; i ++) {
                    var point = new BMap.Point(list[i].lon, list[i].lat);
                    bPoints.push(point);
                    addMarker(point, list[i].type, list[i].name, i);
                }


                setTimeout(function () {
                    setZoom(bPoints);
                }, 1000)

没有中心点,自动计算缩放等级并展示

                function setZoom(bPoints) {
                     var view = map.getViewport(eval(bPoints));
                     var mapZoom = view.zoom;
                     var centerPoint = view.center;
                     map.centerAndZoom(centerPoint, mapZoom);
                }
版权声明:本文为dhw276原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/dhw276/article/details/108886060

智能推荐

css3画圆和椭圆

试一下就知道怎么用了,  画个多来A梦 是用多简单...

raw&assets&sdcard读取mp3文件的方式

Raw方式 assets SDcard 首先需要添加 静态请求权限 动态请求 playMnt的播放方法 如何在模拟器中添加音乐 详细代码参见 点击跳转...

微信小程序封装请求方法wx.request(OBJECT)

小程序写完也一段时间了,最近分享下装逼的技能吧,封装请求方法,不但高大上,而且使用简单。先说说小程序自带的请求吧! wx.request(OBJECT) 参数: 参数名 类型 必填 默认值 说明 url String 是 开发者服务器接口地址 data Object/String/ArrayBuffer 否 请求的参数 header Object 否 设置请求的 header,header 中不能...

【并行计算-CUDA开发】【视频开发】ffmpeg Nvidia硬件加速总结

2017年5月25日 0. 概述 FFmpeg可通过Nvidia的GPU进行加速,其中高层接口是通过Video Codec SDK来实现GPU资源的调用。Video Codec SDK包含完整的的高性能工具、源码及文档,支持,可以运行在Windows和Linux系统之上。从软件上来说,SDK包含两类硬件加速接口,用于编码加速的NVENCODE API和用于解码加速的NVDECODE API(之前被...

HTML简介及部分常用标签

一、HTML简介 1)HTML简介 HTML是⽤于创建⽹⻚的语⾔。我们通过使⽤HTML标记标签创建html⽂档来创建⽹⻚。 HTML代表超⽂ 本标记语⾔。 HTML是⼀种标记语⾔,它具有标记标签的集合。 HTML标签是由尖括号括起来的词,如 , 。标签通常成对出现,例如 和 。 ⼀对中的第⼀个标签是开始标签;第⼆个标签是结束标签。在上⾯的示例中, 是开始标签,⽽ 是结束标签。 我们还可以将开始标签...

猜你喜欢

05:最大值和最小值的差

原题链接 总时间限制:  1000ms  内存限制:  65536kB 描述 输出一个整数序列中最大的数和最小的数的差。 输入 第一行为M,表示整数个数,整数个数不会大于10000; 第二行为M个整数,以空格隔开,每个整数的绝对值不会大于10000。 输出 输出M个数中最大值和最小值的差。 样例输入 样例输出 源码...

java判断奇偶数注意点

如果让我们用java写一个方法来判断一个整数是奇数还是偶数,相信很多人很快能写出来,而其中可能就会有下面这种: 这样写有没有什么问题呢? 初步看,没什么问题,不过,真没问题吗?输入-1试试看: 结果为false诶,难道-1不是奇数?赶紧换成-3在试试,结果还是false。 究竟发生了什么,我们看看-1和-3分别与2求余是什么结果: 结果都是-1,这就要引出java的一个特性了,java求余结果与左...

mac终端使用ssh连接虚拟机(也就是连接远程服务器)

配置host 我们可以借助第三方工具SwitchHosts;SwitchHosts是开源的,可免费下载 本机ip地址是常开状态,我们公司还有一个预发布环境的host需要配置,跟本地配置host是一样的,只是ip不一样。 本地配置host如下图: ssh连接虚拟机 mac终端自带ssh,不需要我们下载任何东西 ps:虚拟机的账号和密码需要公司给你开 直接上命令 这样就连上你的虚拟机了,如下图所示: ...

DBSCAN聚类算法原理

概念 ϵ邻域: 给定点的ϵ为半径的区域 核心点(core points): 如果点p的ϵ邻域内的点数大于minPts,那么p是核心点 直接可达(directly reachable): 核心点p到其ϵ邻域内的所有点是直接可达的。(注意必须是p必须是核心点) 可达(reachable): 如果存在一条路径p1=p,p2,...,pn−1,pn=q,如果对于任意i,pi到pi+1是直接可达...

Web前端三大核心技术-CSS

Web前端三大核心技术-CSS 文章目录 Web前端三大核心技术-CSS CSS概述 CSS引入 CSS选择器 基本选择器 关联选择器 组合选择器 伪元素选择器 Div与Span Div示例 Div与Span区别 Div的边框样式 Div内边框(padding) Div外边框(margin) 两个行内元素的margin: 父子块的margin Div浮动 CSS定位 绝对定位 相对定位 CSS文字...