【2017年整理】百度地图.docVIP

下面一段代码分别实现了百度地图的显示，圆形搜索，信息提示框，标注等功能 html head meta http-equiv=Content-Type content=text/html; charset=gb2312 / title百度地图/title script type=text/javascript src=/api?v=1.2services=true/script script type=text/javascript src=C:\Documents and Settings\Administrator\桌面\每天需求\top.js/script /head body onload=load1() input type=button name=commit id=commit value=城丰星座 onclick=load1()/ div style=width:680px;height:420px;border:1px solid gray id=container/div div id=results style=font-size:13px;margin-top:10px;/div /body /html script type=text/javascript function load1(){ var commit = document.getElementById(commit).value;//获取按钮的值 var map = new BMap.Map(container);//创建个地图实例 //var mPoint = new BMap.Point(113.585631, 22.257699);//设置地图的中心点(城丰星座) if(commit == 城丰星座){ var mPoint = new BMap.Point(113.585631, 22.257699);//设置地图的中心点(城丰星座) document.getElementById(commit).value = 公园道; } else if(commit == 公园道){ var mPoint = new BMap.Point(113.527169,22.232627); document.getElementById(commit).value = 城丰星座; } var marker = new BMap.Marker(mPoint);//创建一个标注实例 map.centerAndZoom(mPoint,15);//显示地图 map.enableScrollWheelZoom();// 启用滚轮放大缩小。 map.addControl(new BMap.NavigationControl()); // 添加平移缩放控件 map.addControl(new BMap.ScaleControl()); // 添加比例尺控件 map.clearOverlays(); var circle = new BMap.Circle(mPoint,1000,{fillColor:blue, strokeWeight: 1 ,fillOpacity: 0.3, strokeOpacity: 0.3});// 设置覆盖物的参数，中心坐标，半径，颜色 map.addOverlay(marker);//在地图上添加标注 var opts = { width : 250, // 信息窗口宽度 height: 100, // 信息窗口高度 title : Hello // 信息窗口标题 } var infoWindow = new BMap.InfoWindow(World, opts); // 创建信息窗口对象 map.openInfoWindow(infoWindow, map.getCenter());//窗口加载时候打开信息窗口 map.addOverlay(circle);//在地图上显示覆盖物 var local = new BMap.LocalSearch(map, {renderOptions: {map:map,selectFirstResult:false, autoViewport:true,panel:results}});//创建一个搜索类实例 local.searchNearby(餐饮, circle.getCenter(), circle.getRadius());//根据中心点,半径与检索词发起周边检索 //local.searchInBounds(餐饮, circle.