首页 > 代码库 > 初次使用百度地图API

初次使用百度地图API

因为项目需要,不得不使用百度地图的API,以前从未了解过API,这不是唬人,真的,所以对百度地图API充满了恐惧,但是到后面,已经麻木了。期间遇到过很多错误,每一个都弄得头大,借博客的名义把平时遇到的错误解决方法写一写。

在这里我就直接引用百度地图提供的demo代码:

<!DOCTYPE html><html><head>	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />	<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />	<style type="text/css">	body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}	</style>	<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥"></script>	<title>地图展示</title></head><body>	<div id="allmap"></div></body></html><script type="text/javascript">	// 百度地图API功能	var map = new BMap.Map("allmap");    // 创建Map实例	map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);  // 初始化地图,设置中心点坐标和地图级别	map.addControl(new BMap.MapTypeControl());   //添加地图类型控件	map.setCurrentCity("北京");          // 设置地图显示的城市 此项是必须设置的	map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放</script>

在填API的Version时,如果没有申请,可以直接使用1.4版本,而不用2.0版本,因为2.0版本需要申请密钥(这个好像是不限次数的,每增加一个应用,百度便提供一个ak码),嫌麻烦就直接用1.4,当然功能就没2.0版本多了。

注意Map类,Map类是百度地图API中最重要的核心类,map.centerAndZoom()方法是对地图进行初始化,需要两个参数,第一个参数是实例化的一个点(经纬度)该点是中心点坐标(也就是说你的地图还未定位之前,最中间最初显示的点),第二个参数是地图级别,参数越大,则地图放大得越大,看得越仔细,反之越小,看到的是整体轮廓。最重要的是必须用map.centerAndZoom()方法对地图进行初始化,不然不能对地图进行任何操作,这就是我犯的一个错误,我最初想的是,定一个没用的点来干嘛,吃屎吗?还真不是

初次使用百度地图API