百度地图API的使用
开始学习百度地图API最简单的方式是看一个简单的示例 。
以下代码创建了一个240x100大小的地图区域并以北京瀚海花园作为地图的中心:
<div style="width:240px;height:100px;border:1px solid gray" id="container"></div>
<script type="text/javascript" src="http://api.map.baidu.com/api?key=cxDfy7PndcTgd1bGCVSnmeR2&v=1.0&services=false"></script>其中的秘钥是需要自己需去注册,然后到首页去获取秘钥,创建一个项目,生成秘钥的。
<script>
var map = new BMap.Map("container");// 创建地图实例
var point = new BMap.Point(116.380244,39.874833);// 创建点坐标 ,坐标点可以在百度地图api官网页面上,开发-工具支持-坐标拾取器可以得到
map.centerAndZoom(point,15);// 初始化地图,设置中心点坐标和地图级别
var marker = new BMap.Marker(point); // 创建标注
map.addOverlay(marker); // 将标注添加到地图中
map.addControl(new BMap.NavigationControl()); //平移缩放控件
map.addControl(new BMap.ScaleControl());//比例尺控件
map.addControl(new BMap.OverviewMapControl());//缩略图控件
</script>
结果是这样子的: