因为项目需要,不得不使用百度地图的API,以前从未了解过API,,这不是唬人,真的,所以对百度地图API充满了恐惧,但是到后面,已经麻木了。期间遇到过很多错误,每一个都弄得头大,借博客的名义把平时遇到的错误解决方法写一写。
在这里我就直接引用百度地图提供的demo代码:
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta 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></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