[color=red]百度地图api 初始化地图,监听地图坐标点[/color]
<html>
<head>
<!--引用百度地图-->
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.3">
</script>
<title>
如何调用API
</title>
<!--设计样式container容器:占50%大小-->
<style type="text/css">
#container{
width:50%;
height:50%;
}
</style>
</head>
<body>
<div id="container"></div>
<script type="text/javascript">
var map = new BMap.Map("container");//在container容器中创建一个地图,参数container为div的id属性;
var point = new BMap.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//当前位置的纬度
});
//向地图中添加缩放控件
var ctrl_nav = new BMap.NavigationControl({ anchor: BMAP_ANCHOR_TOP_LEFT, type: BMAP_NAVIGATION_CONTROL_LARGE });
map.addControl(ctrl_nav);
//向地图中添加缩略图控件
var ctrl_ove = new BMap.OverviewMapControl({ anchor: BMAP_ANCHOR_BOTTOM_RIGHT, isOpen: 1 });
map.addControl(ctrl_ove);
//向地图中添加比例尺控件
var ctrl_sca = new BMap.ScaleControl({ anchor: BMAP_ANCHOR_BOTTOM_LEFT });
map.addControl(ctrl_sca);
</script>
</body>
</html>
<html>
<head>
<!--引用百度地图-->
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.3">
</script>
<title>
如何调用API
</title>
<!--设计样式container容器:占50%大小-->
<style type="text/css">
#container{
width:50%;
height:50%;
}
</style>
</head>
<body>
<div id="container"></div>
<script type="text/javascript">
var map = new BMap.Map("container");//在container容器中创建一个地图,参数container为div的id属性;
var point = new BMap.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//当前位置的纬度
});
//向地图中添加缩放控件
var ctrl_nav = new BMap.NavigationControl({ anchor: BMAP_ANCHOR_TOP_LEFT, type: BMAP_NAVIGATION_CONTROL_LARGE });
map.addControl(ctrl_nav);
//向地图中添加缩略图控件
var ctrl_ove = new BMap.OverviewMapControl({ anchor: BMAP_ANCHOR_BOTTOM_RIGHT, isOpen: 1 });
map.addControl(ctrl_ove);
//向地图中添加比例尺控件
var ctrl_sca = new BMap.ScaleControl({ anchor: BMAP_ANCHOR_BOTTOM_LEFT });
map.addControl(ctrl_sca);
</script>
</body>
</html>