百度地图实现多点标记，自动调整缩放等级并在中心位置

百度地图实现多点标记，自动调整缩放等级

// An highlighted block
<!DOCTYPE html>
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta name="viewport" content="initial-scale=1.0, user-scalable=no" /><style type="text/css">body, html {width: 100%;height: 100%;margin:0;font-family:"微软雅黑";}#allmap{width:100%;height:500px;}p{margin-left:5px; font-size:14px;}</style><script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的key"></script><script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script><title>给多个点添加信息窗口</title>
</head>
<body>
<div id="allmap"></div>
<p>点击标注点，可查看由纯文本构成的简单型信息窗口</p>
</body>
</html>
<script type="text/javascript">// 百度地图API功能map = new BMap.Map("allmap");// 百度坐标系坐标(地图中需要使用这个)var bPoints = new Array();//设置中心点map.centerAndZoom(new BMap.Point(116.417854,39.921988), 15);map.addControl(new BMap.MapTypeControl());map.enableScrollWheelZoom(true);//后台数据var data_info = [[116.417854,39.921988,"地址：北京市东城区王府井大街88号乐天银泰百货八层"],[116.406605,39.921585,"地址：北京市东城区东华门大街"],[116.412222,39.912345,"地址：北京市东城区正义路甲5号"]];addMarker(data_info);//创建标注点并添加到地图中function addMarker(data_info){//循环建立标注点for(var i=0;i<data_info.length;i++){var point = new BMap.Point(data_info[i][0],data_info[i][1]); //将标注点转化成地图上的点bPoints.push(point); // 添加到百度坐标数组 用于自动调整缩放级别var marker = new BMap.Marker(point);  // 创建标注map.addOverlay(marker);               // 将标注添加到地图中}}// 根据点的数组自动调整缩放级别function setZoom(bPoints) {var view = map.getViewport(eval(bPoints));var mapZoom = view.zoom;var centerPoint = view.center;map.centerAndZoom(centerPoint, mapZoom);}setTimeout(function () {setZoom(bPoints);}, 1000)
</script>

百度地图实现多点标记，自动调整缩放等级并在中心位置相关推荐

android百度地图设置logo，缩放按钮，指南针的位置
我们在使用百度地图的SDK时,有时地图上的logo,缩放按钮以及指南针的位置可能与我们自己的空间位置发生冲突,这就需要去手动调节这些小控件的位置以及是否显示等问题. 设置指南针的位置: android ...
百度地图实时监听缩放级别
百度地图实时监听缩放级别 map.addEventListener("zoomend", function(e){let zoom= map.getZoom(); // 获取缩放级 ...
百度地图详解使用，显示自己的当前位置BaiduMap
第一步:注册百度开发者账号 http://lbsyun.baidu.com/,下载对应的jar和Key 第二步:创建应用填写正确的SHA1和应用的包名,并且下载第三步:解压上面的SDK_Lib压缩 ...
android百度地图拖拽地图定位,百度地图的定位以及拖拽（显示坐标位置）
搜索热词截图示例 html{height:100%} body{height:100%;margin:0px;padding:0px} #map_canvas{ margin:0 auto; bor ...
【安卓学习之常见问题】百度地图卫星地图精度不够
█ [安卓学习之常见问题]百度地图卫星地图精度不够 █ 系列文章目录提示:这里是收集了和文件分享有关的文章 [安卓学习之常见问题]android路径及文件问题 [安卓学习之常见问题]文件分享–文件不 ...
在网页中插入百度地图(实例)
步骤 1 2 3 如何在网页中插入百度地图呢? 2.切换城市,搜索需标注位置.(如下图方法/步骤 1.进入:http://api.map.baidu.com/lbsapi/creatmap/(创建地 ...
Android高效率编码-第三方SDK详解系列(一)——百度地图，绘制，覆盖物，导航，定位，细腻分解！...
Android高效率编码-第三方SDK详解系列(一)--百度地图,绘制,覆盖物,导航,定位,细腻分解! 这是一个系列,但是我也不确定具体会更新多少期,最近很忙,主要还是效率的问题,所以一些有效的东西还 ...
Android百度地图，绘制，覆盖物，导航，定位，细腻分解！
分享SDK:sharesdk 后端SDK:Bmob 推送SDK:极光推送短信SDK:验证码实现一.百度API 百度地图API:http://developer.baidu.com/map/ 二.搭 ...
Android学习 - 百度地图开发基础
什么是百度地图API? 百度地图移动版API(Android)是一套基于Android 1.5及以上设备的应用程序接口,通过该接口,您可以轻松访问百度服务和数据,构建功能丰富.交互性强的地图应用程序. ...

百度地图实现多点标记，自动调整缩放等级并在中心位置

百度地图实现多点标记，自动调整缩放等级

百度地图实现多点标记，自动调整缩放等级并在中心位置相关推荐

最新文章

热门文章