DOCTYPE html.docx

百度地图的Hello, Worldbody, html,#allmap width: 100%;height: 100%;overflow: hidden;margin:0;var map = new BMap.Map(allmap); / 创建Map实例var point = new BMap.Point(116.404, 39.915); / 创建点坐标map.centerAndZoom(point,15); / 初始化地图,设置中心点坐标和地图级别。map.enableScrollWheelZoom(); /启用滚轮放大缩小body, html,#allmap width: 100%;height: 100%;overflow: hidden;margin:0;地图官网展示效果var map = new BMap.Map(allmap); / 创建Map实例map.centerAndZoom(new BMap.Point(116.404, 39.915), 11); / 初始化地图,设置中心点坐标和地图级别map.addControl(new BMap.NavigationControl(); / 添加平移缩放控件map.addControl(new BMap.ScaleControl(); / 添加比例尺控件map.addControl(new BMap.OverviewMapControl(); /添加缩略地图控件map.enableScrollWheelZoom(); /启用滚轮放大缩小map.addControl(new BMap.MapTypeControl(); /添加地图类型控件map.setCurrentCity(北京); / 设置地图显示的城市 此项是必须设置的body, html,#allmap width: 100%;height: 100%;overflow: hidden;margin:0;3D地图展示var map = new BMap.Map(allmap, mapType:BMAP_PERSPECTIVE_MAP); /设置3D图为底图var point = new BMap.Point(116.4035,39.915);map.setCurrentCity(北京); / 设置地图显示的城市 此项是必须设置的map.centerAndZoom(point,19);map.enableScrollWheelZoom(true); /启用滚轮放大缩小body, html,#allmap width: 100%;height: 100%;overflow: hidden;margin:0;3D地图展示var map = new BMap.Map(allmap, mapType:BMAP_PERSPECTIVE_MAP); /设置3D图为底图var point = new BMap.Point(116.4035,39.915);map.setCurrentCity(北京); / 设置地图显示的城市 此项是必须设置的map.centerAndZoom(point,19);map.enableScrollWheelZoom(true); /启用滚轮放大缩小body, html,#allmap width: 100%;height: 100%;overflow: hidden;margin:0;用城市名设置地图中心点var map = new BMap.Map(allmap); / 创建Map实例map.centerAndZoom(上海,15); / 初始化地图,设置中心点坐标和地图级别。body, html,#allmap width: 100%;height: 100%;overflow: hidden;margin:0;设置地图中心点、缩放级别var map = new BMap.Map(allmap); / 创建Map实例map.centerAndZoom(new BMap.Point(116.4035,39.915),15); /初始化时，即可设置中心点和地图缩放级别。setTimeout(function() map.setCenter(广州); /设置地图中心点。center除了可以为坐标点以外，还支持城市名 map.setZoom(10); /将视图切换到指定的缩放等级，中心点坐标不变 , 1500);body, html,#allmap width: 100%;height: 100%;overflow: hidden;margin:0;设置地图允许的最小/大级别var map = new BMap.Map(allmap,minZoom:4,maxZoom:8); / 创建Map实例map.centerAndZoom(new BMap.Point(116.4035,39.915),15); /初始化时，即可设置中心点和地图缩放级别。map.enableScrollWheelZoom(true);body, html,#allmap width: 100%;height: 100%;overflow: hidden;margin:0;测距var map = new BMap.Map(allmap);map.centerAndZoom(重庆,12); / 初始化地图,设置城市和地图级别。var pointA = new BMap.Point(106.486654,29.490295); / 创建点坐标A-大渡口区var pointB = new BMap.Point(106.581515,29.615467); / 创建点坐标B-江北区alert(从大渡口区到江北区的距离是：+map.getDistance(pointA,pointB)+ 米。); /获取两点距离var polyline = new BMap.Polyline(pointA,pointB, strokeColor:blue, strokeWeight:6, strokeOpacity:0.5); /定义折线map.addOverlay(polyline); /添加折线到地图上body, html,#allmap width: 100%;height: 100%;overflow: hidden;margin:0;#l-mapheight:100%;width:78%;float:left;border-right:2px solid #bcbcbc;#r-resultheight:100%;width:20%;float:left;关键字输入提示词条 请输入:function G(id) return document.getElementById(id);var map = new BMap.Map(l-map);map.centerAndZoom(北京,12); / 初始化地图,设置城市和地图级别。var ac = new BMap.Autocomplete( /建立一个自动完成的对象 input : suggestId ,location : map);ac.addEventListener(onhighlight, function(e) /鼠标放在下拉列表上的事件var str = ; var _value = e.fromitem.value; var value = ; if (e.fromitem.index -1) value = _vince + _value.city + _value.district + _value.street + _value.business; str = FromItemindex = + e.fromitem.index + value = + value; value = ; if (e.toitem.index -1) _value = e.toitem.value; value = _vince + _value.city + _value.district + _value.street + _value.business; str += ToItemindex = + e.toitem.index + value = + value; G(searchResultPanel).innerHTML = str;);var myValue;ac.addEventListener(onconfirm, function(e) /鼠标点击下拉列表后的事件var _value = e.item.value; myValue = _vince + _value.city + _value.district + _value.street + _value.business; G(searchResultPanel).innerHTML =onconfirmindex = + e.item.index + myValue = + myValue; setPlace(););function setPlace() map.clearOverlays(); /清除地图上所有覆盖物 function myFun() var pp = local.getResults().getPoi(0).point; /获取第一个智能搜索的结果 map.centerAndZoom(pp, 18); map.addOverlay(new BMap.Marker(pp); /添加标注 var local = new BMap.LocalSearch(map, /智能搜索 onSearchComplete: myFun ); local.search(myValue);body, html,#allmap width: 100%;height: 100%;overflow: hidden;margin:0;#l-mapheight:100%;width:78%;float:left;border-right:2px solid #bcbcbc;#r-resultheight:100%;width:20%;float:left;鼠标点击拾取坐标var map = new BMap.Map(l-map);map.centerAndZoom(重庆,12); / 初始化地图,设置城市和地图级别。map.enableScrollWheelZoom(); /启用滚轮放大缩小map.addEventListener(click, function(e) document.getElementById(r-result).innerHTML = e.point.lng + , + e.point.lat;);body, html,#allmap width: 100%;height: 100%;overflow: hidden;margin:0;地图平移var map = new BMap.Map(allmap); / 创建Map实例map.centerAndZoom(new BMap.Point(116.4035,39.915),8); /初始化时，即可设置中心点和地图缩放级别。setTimeout(function() map.panTo(new BMap.Point(113.262232,23.154345); /两秒后移动到广州, 1500);body, html,#allmap width: 100%;height: 100%;overflow: hidden;margin:0;地图缩放var map = new BMap.Map(allmap); / 创建Map实例map.centerAndZoom(new BMap.Point(116.4035,39.915),8); /初始化时，即可设置中心点和地图缩放级别。setTimeout(function() map.setZoom(14); /放到到14级, 1500);map.enableScrollWheelZoom(true);body, html,#allmap width: 100%;height: 100%;overflow: hidden;margin:0;地图拖拽var map = new BMap.Map(allmap); / 创建Map实例map.centerAndZoom(new BMap.Point(116.4035,39.915),8); /初始化时，即可设置中心点和地图缩放级别。map.enableScrollWheelZoom(true);map.disableDragging(); /禁止拖拽setTimeout(function() map.enableDragging(); /三秒后开启拖拽 /map.enableInertialDragging(); /三秒后开启惯性拖拽, 3000);body, html,#allmap width: 100%;height: 100%;overflow: hidden;margin:0;获取地图当前中心点var map = new BMap.Map(allmap); / 创建Map实例map.centerAndZoom(new BMap.Point(116.4035,39.915),8); /初始化时，即可设置中心点和地图缩放级别。alert(当前地图中心点： + map.getCenter().lng + , + map.getCenter().lat);body, html,#allmap width: 100%;height: 100%;overflow: hidden;margin:0;获取地图当前地图级别var map = new BMap.Map(allmap); / 创建Map实例map.centerAndZoom(new BMap.Point(116.4035,39.915), 14); /初始化时，即可设置中心点和地图缩放级别。alert(当前地图缩放级别： + map.getZoom();body, html,#allmap width: 100%;height: 100%;overflow: hidden;margin:0;获取地图的可视范围var map = new BMap.Map(allmap); / 创建Map实例map.centerAndZoom(new BMap.Point(116.4035,39.915), 14); /初始化时，即可设置中心点和地图缩放级别。var bs = map.getBounds(); /获取可视区域var bssw = bs.getSouthWest(); /可视区域左下角var bsne = bs.getNorthEast(); /可视区域右上角alert(当前地图可视范围是： + bssw.lng + , + bssw.lat + 到 + bsne.lng + , + bsne.lat);body, html,#allmap width: 100%;height: 100%;overflow: hidden;margin:0;添加缩放平移控件var map = new BMap.Map(allmap);map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);map.addControl(new BMap.NavigationControl(); /添加默认缩放平移控件map.addControl(new BMap.NavigationControl(anchor: BMAP_ANCHOR_TOP_RIGHT, type: BMAP_NAVIGATION_CONTROL_SMALL); /右上角，仅包含平移和缩放按钮map.addControl(new BMap.NavigationControl(anchor: BMAP_ANCHOR_BOTTOM_LEFT, type: BMAP_NAVIGATION_CONTROL_PAN); /左下角，仅包含平移按钮map.addControl(new BMap.NavigationControl(anchor: BMAP_ANCHOR_BOTTOM_RIGHT, type: BMAP_NAVIGATION_CONTROL_ZOOM); /右下角，仅包含缩放按钮body, html,#allmap width: 100%;height: 100%;overflow: hidden;margin:0;添加比例尺控件var map = new BMap.Map(allmap);map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);map.addControl(new BMap.ScaleControl(); / 添加默认比例尺控件map.addControl(new BMap.ScaleControl(anchor: BMAP_ANCHOR_TOP_LEFT); / 左上map.addControl(new BMap.ScaleControl(anchor: BMAP_ANCHOR_TOP_RIGHT); / 右上map.addControl(new BMap.ScaleControl(anchor: BMAP_ANCHOR_BOTTOM_LEFT); / 左下map.addControl(new BMap.ScaleControl(anchor: BMAP_ANCHOR_BOTTOM_RIGHT); / 右下body, html,#allmap width: 100%;height: 100%;overflow: hidden;margin:0;添加地图类型控件var map = new BMap.Map(allmap);map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);map.addControl(new BMap.MapTypeControl(mapTypes: BMAP_NORMAL_MAP,BMAP_HYBRID_MAP); /2D图，卫星图map.addControl(new BMap.MapTypeControl(anchor: BMAP_ANCHOR_TOP_LEFT); /左上角，默认地图控件map.setCurrentCity(北京); /由于有3D图，需要设置城市哦body, html,#allmap width: 100%;height: 100%;overflow: hidden