百度地图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>

相关推荐