初次使用百度地图API
Posted 寻觅beyond
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了初次使用百度地图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的主要内容，如果未能解决你的问题，请参考以下文章