<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, #allmap {width: 100%;height: 100%;overflow: hidden;margin:0;} |
</style> |
<script type= "text/javascript" src= "http://api.map.baidu.com/api?v=1.5&ak=密匙" ></script> |
<title></title> |
</head> |
<body> |
<div id= "allmap" ></div> |
<div id= "mapx" ></div> |
<div id= "mapy" ></div> |
</body> |
</html> |
<script type= "text/javascript" > |
// 百度地图API功能 |
var map = new BMap.Map( "allmap" ); |
var point = new BMap.Point(120.458268,30.3363); |
map.centerAndZoom(point,13); |
|
function myFun(result){ |
var cityName = result.name; |
map.setCenter(cityName); |
} |
var myCity = new BMap.LocalCity(); |
myCity.get(myFun); |
map.enableScrollWheelZoom(); // 开启鼠标滚轮缩放 |
map.enableKeyboard(); // 开启键盘控制 |
map.enableContinuousZoom(); // 开启连续缩放效果 |
map.enableInertialDragging(); // 开启惯性拖拽效果 |
map.addControl( new BMap.NavigationControl()); //添加标准地图控件(左上角的放大缩小左右拖拽控件) |
map.addControl( new BMap.ScaleControl()); //添加比例尺控件(左下角显示的比例尺控件) |
map.addControl( new BMap.OverviewMapControl()); // 缩略图控件 |
var gc = new BMap.Geocoder(); |
map.addEventListener( "dragend" , function (){ //拖拽事件 |
var center = map.getCenter(); |
p1=center.lng; |
p2=center.lat; |
map.clearOverlays(); //清除地图上的覆盖物 |
var p = new BMap.Point(center.lng,center.lat); |
var markers = new BMap.Marker(p); |
map.addOverlay(markers); |
gc.getLocation(center, function (rs){ |
var addComp = rs.addressComponents; |
alert(addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street + ", " + addComp.streetNumber); |
}); |
}); |
</script> |