百度地图自动缩放与指定中心点的自动缩放
标签: 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);
}
智能推荐
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文字...
