前端学习笔记-百度地图API

百度地图
JavaScript API基础使用：
一.注册一个百度的开发者账号，注意设置应用类型时，选择浏览器端，获得ak。(没有ak用不了这个服务)
二.完成一个基础的地图
1.设置缩放比，移动端不能改。

<meta name="viewport" content="initial-scale=1.0,user-scalable=no"/>

2.来个容器承装地图

<div id="container"></div>

3.设置样式，不能没有高度，否则不显示，可能会遇到bug，“Uncaught TypeError: Cannot read property ‘gc’ of undefined”，要有高度。

<style type="text/css">
		html{
			height:100%;
		}
		body{height:100%;margin:0px;padding:0px;}
		#container{height:100%;}
</style>

4.引入百度地图api

<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=fpy9xZxIMzHzWb0G17Hwcuj2Ifh8Wq7u">
</script>

ak=fpy9xZxIMzHzWb0G17Hwcuj2Ifh8Wq7u（注册账号，ak可以有很多）
5.设置map
var map = new BMap.Map(“container”);//初始化
var point = new BMap.Point(116.404, 39.915);//经纬度坐标
map.centerAndZoom(point,15);//展示级别

可以看到简单的地图了。还有挺多功能。