百度地图api（html,兴趣点拾取、批量获得经纬度）

共2个文件

html：2个

4星 · 超过85%的资源需积分: 41 196 浏览量 2015-07-13 17:15:49 上传评论 2 收藏 5KB RAR 举报

【百度地图API】是开发者用来集成地图功能到其应用程序中的工具集，主要应用于网页开发，如HTML页面。这个API提供了一系列的功能，使开发者能够轻松地在网页上展示地图，进行地理定位，搜索兴趣点（POI，Point of Interest），以及处理其他与地理位置相关的任务。在中提到的“html下的百度地图数据挖掘”，指的是利用JavaScript和HTML来构建用户界面，通过调用百度地图API的JavaScript库，实现在网页上显示地图，并且能够根据用户的交互行为，比如选择特定区域，来获取该区域内的兴趣点信息。兴趣点通常是具有特定意义或功能的位置，如餐馆、公园、酒店等。获取这些点的经纬度数据对于进行地理分析、路线规划或者基于位置的服务非常关键。 "按照用户选取的区域抓取兴趣点经纬度数据"这一功能，涉及到百度地图API的地理编码服务。当用户在地图上选择一个区域后，开发者可以通过API获取该区域的边界，然后向百度服务器发送请求，获取该区域内所有兴趣点的经纬度坐标。这些数据可以进一步用于绘制热力图、分析人口密度、计算交通流量等。 "输入地点名称，批量获得地点经纬度信息"则是百度地图API的反向地理编码功能。通常，我们可以通过地址获取经纬度，但反向地理编码则相反，它允许开发者通过输入地点名称来查找对应的经纬度坐标。这对于批量处理大量地点信息尤其有用，例如在创建地图标记或者规划多点之间的路线时。在提供的【压缩包子文件的文件名称列表】中，有两个文件： 1. "区域获取POI.html"：这是一个HTML文件，很可能包含了示例代码，演示如何利用百度地图API获取用户选择区域内的兴趣点（POI）信息。开发者可以通过查看和运行这个文件，学习如何设置地图，监听用户的区域选择事件，以及如何请求和处理返回的POI数据。 2. "批量获取经纬度信息.html"：这个文件可能是另一个示例，展示了如何通过输入地点名称批量获取经纬度信息。这可能包括了如何使用百度地图API的反向地理编码接口，以及如何处理批量请求的逻辑。利用百度地图API，开发者可以在HTML环境下实现丰富的地图功能，无论是简单的显示地图，还是复杂的地理数据分析，都能得心应手。通过深入学习和实践这些示例文件，可以进一步提升开发者的地图应用开发能力。

资源推荐

资源详情

资源评论

收起资源包目录

百度API html.rar （2个子文件）

区域获取POI.html 10KB

批量获取经纬度信息.html 2KB

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <title>百度地图POI信息爬取（任意多边形区域）</title> <style type="text/css"> html{height:100%} body{height:100%;margin:0px;padding:0px} #container{height:100%} </style> <script type="text/javascript" src="http://api.map.baidu.com/api?v=1.3"></script>  <script type="text/javascript" src="http://api.map.baidu.com/library/DrawingManager/1.4/src/DrawingManager_min.js"></script> <script type="text/javascript"> try{ var fso = new ActiveXObject("Scripting.FileSystemObject");//获取对象 }catch(e) { alert("ActiveXObject对象创建失败，数据将无法保存。"); } var tf; //文件句柄 var pointList = new Array(); //坐标列表 var bounds; //矩形区域 var step = 0.007; //密度 var map; var poi; var tipsDom; //运行提示DOM var drawingManager; window.onload=function()//用window的onload事件，窗体加载完毕的时候 { tipsDom = document.getElementById("tips"); map = new BMap.Map('container'); poi = new BMap.Point(114.0643, 22.5589); map.centerAndZoom(poi, 14); map.addControl(new BMap.NavigationControl()); // 添加平移缩放控件 map.addControl(new BMap.ScaleControl()); // 添加比例尺控件 map.addControl(new BMap.OverviewMapControl()); //添加缩略地图控件 map.enableScrollWheelZoom(); newDrawingManager() } function newDrawingManager() { var styleOptions = { strokeColor:"red", //边线颜色。 fillColor:"red", //填充颜色。当参数为空时，圆形将没有填充效果。 strokeWeight: 3, //边线的宽度，以像素为单位。 strokeOpacity: 0.8, //边线透明度，取值范围0 - 1。 fillOpacity: 0.6, //填充的透明度，取值范围0 - 1。 strokeStyle: 'solid' //边线的样式，solid或dashed。 } //实例化鼠标绘制工具 drawingManager = new BMapLib.DrawingManager(map, { isOpen: true, //是否开启绘制模式 drawingToolOptions: { anchor: BMAP_ANCHOR_TOP_RIGHT, //位置 offset: new BMap.Size(5, 5), //偏离值 scale: 0.8 //工具栏缩放比例 }, circleOptions: styleOptions, //圆的样式 polylineOptions: styleOptions, //线的样式 polygonOptions: styleOptions, //多边形的样式 rectangleOptions: styleOptions //矩形的样式 }); drawingManager.setDrawingMode(BMAP_DRAWING_POLYLINE); drawingManager.disableCalculate(); drawingManager.addEventListener('overlaycomplete', overlaycomplete); drawingManager.open(); } var overlaycomplete =function (e){ //绘制完成回调函数 runTips("图形绘制完成."); var o = e.overlay; bounds = o.getBounds(); //获取所画区域数据 drawingManager.close(); //关闭地图的绘制状态 hanPoint2(bounds); //处理所画区域区域 } function hanPoint2(bounds) { runTips("开始处理."); var southWest = bounds.getSouthWest(); //矩形区域的西南角 var northEast = bounds.getNorthEast(); //矩形区域的东北角 var startX = southWest.lat; //X轴开始循环值 var startY = southWest.lng; //Y轴开始循环值 var endX = northEast.lat; //X轴结束循环值 var endY = northEast.lng; //Y轴结束循环值 if(southWest.equals(northEast)) { //点 pointList.push(new BMap.Point(startY,startX)); }else if(startX == endX || startY == endY) { //线 if(startX == endX){ for(startY = southWest.lng;startY <= endY; startY += step) { pointList.push(new BMap.Point(startY,startX)); } }else{ for(startX = southWest.lat;startX <= endX;startX += step) { pointList.push(new BMap.Point(startY,startX)); } } }else{ //面 var boundsList = cuttingBounds(bounds); if(boundsList.length > 1) { for( i in boundsList) { var b = boundsList[i]; if(bounds.containsBounds(b)) { //完全包含 pointList = pointList.concat(getPointByBounds(b)); }else{ //不完全包含,进行过滤 pointList = pointList.concat(containsPonint(getPointByBounds(b))); } } }else{ //自身区域,需过滤 pointList = pointList.concat(containsPonint(getPointByBounds(boundsList[0]))); } } geocoder(); } //切割区域,返回切割后的区域列表 function cuttingBounds(bounds) { runTips("区域切割."); var lengX = step * 10; //切割长度X var lengY = step * 10; //切割长度Y var boundsList = new Array(); var southWest = bounds.getSouthWest(); //矩形区域的西南角 var northEast = bounds.getNorthEast(); //矩形区域的东北角 var startX = southWest.lat; //X轴开始循环值 var startY = southWest.lng; //Y轴开始循环值 var endX = northEast.lat; //X轴结束循环值 var endY = northEast.lng; //Y轴结束循环值 if(endX - startX >= lengX || endY - endX >= lengY) { boundsList.push(bounds); return boundsList; } while(startX < endX) { var tempX = startX + lengX; if(tempX >= endX) { //超出范围 tempX = endX; } startY = southWest.lng; isY = true; while(startY < endY) { var tempY = startY + lengY; if(tempY >= endY) { //超出范围 tempY = endY; } boundsList.push(new BMapLib.Bounds(new BMapLib.Point(startY,startX),new BMapLib.Point(tempY,tempX))); startY = tempY + step; } startX = tempX + step; } return boundsList; } //获取矩形区域内的所有点 function getPointByBounds(bounds) { runTips("获取点数据."); var southWest = bounds.getSouthWest(); //矩形区域的西南角 var northEast = bounds.getNorthEast(); //矩形区域的东北角 var startX; //X轴开始循环值 var startY; //Y轴开始循环值 var endX = northEast.lat; //X轴结束循环值 var endY = northEast.lng; //Y轴结束循环值 var pl = new Array(); for(startX = southWest.lat;startX <= endX;startX += step) { for(startY = southWest.lng;startY <= endY; startY += step) { pl.push(new BMap.Point(startY,startX)); } } return pl; } //过滤此区域内的点 function containsPonint(list) { runTips("点有效性检查."); var l = new Array(); for(i in list) { var p = list[i]; if(bounds.containsPoint(p)) { //在此区域内 l.push(p); } } return l; } //如果点未处理过且在矩形区域内 function isPoint(point) { if(bounds.containsPoint(point) == false) { //不在区域内 return false; } for(i in pointList) { if(pointList[i].equals(point)) { //列表中已存在 return false; } } return true; } var gIndex =0; //逆地址解析 function geocoder() { runTips("准备解析数据."); if(pointList != null && pointList.length > 0) { tf = createFile("c://poi.txt");//数据保存地址 for(var i =0;i<100;i++) //地址解析线程，多线程提高速度 { setTimeout(function(){ getLocation(gIndex); },100) gIndex++; } } } //解析列表地址,同步 function getLocation(index) { var geo = new BMap.Geocoder(); //Key point if(index < pointList.length) { var p = pointList[index]; runTips("解析节点：["+ p.lng +"," + p.lat + "]，进度：" + index + "/" + pointList.length); geo.getLocation(p,function(gr){ if(gr != null) { // var address = gr.addressComponents.city+gr.addressComponents.distric

评论收藏

内容反馈