百度地图api 之地图初始化

最新推荐文章于 2022-08-10 10:36:35 发布

dengjieddjj

最新推荐文章于 2022-08-10 10:36:35 发布

阅读量516

点赞数

分类专栏：百度地图api 文章标签：百度地图api

本文链接：https://blog.csdn.net/u013500823/article/details/84613216

版权

百度地图api 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

[color=red]百度地图api 初始化地图，监听地图坐标点[/color]
<html>
<head>

<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.3">
</script>
<title>
如何调用API
</title>

<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>