百度地图api 之地图初始化
百度地图api初始化地图,监听地图坐标点
<html>
<head>
<!--引用百度地图-->
<scripttype="text/javascript"src="http://api.map.baidu.com/api?v=1.3">
</script>
<title>
如何调用API
</title>
<!--设计样式container容器:占50%大小-->
<styletype="text/css">
#container{
width:50%;
height:50%;
}
</style>
</head>
<body>
<divid="container"></div>
<scripttype="text/javascript">
varmap=newBMap.Map("container");//在container容器中创建一个地图,参数container为div的id属性;
varpoint=newBMap.Point(116.404,39.915);//定位其中116.404表示经度,39.915表示纬度
map.centerAndZoom(point,15);//将point移到浏览器中心,并且地图大小调整为15(地图级别)
<!--以后只需要在此处添加代码即可-->
map.addEventListener("click",function(e){//用于监视点击地图,点击后会返回点击点的经度和纬度
e.point.lng;//当前位置的经度
e.point.lat//当前位置的纬度
});
//向地图中添加缩放控件
varctrl_nav=newBMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});
map.addControl(ctrl_nav);
//向地图中添加缩略图控件
varctrl_ove=newBMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:1});
map.addControl(ctrl_ove);
//向地图中添加比例尺控件
varctrl_sca=newBMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
map.addControl(ctrl_sca);
</script>
</body>
</html>