这几天项目中遇到了在地图中同时创建多个标注的问题，因为本人一直没有搞过地图方面的效果，所以一时惊慌，想到了原先项目中PC端有地图的效果，于是扒代码，一看，使用的是百度地图，所以马不停蹄的转向了真正的战场。依据百度地图开发文档中的API展示效果，有了自己的第一个地图Demo，效果如下（以下所有效果都是模拟在移动端界面打开）：

可以看到，天安门所在地是整个地图的中心（坐标点为天安门），代码如下：

但是，地图的展示是需要提前做好准备工作的：

1、首先你要拥有自己的ak，这个ak就相当于你使用百度地图API的通行证，没有他你是是用不了的，当然用别人的也是可以的，但是你所在的网址要在别人的白名单内；

2、需要在标签内引入以下几行代码：

该效果只比第一个效果多了两行代码，一个是创建标注，一个是添加标注，其中用到了一个方法，就是addOverlay()，该方法的作用就是把标注添加到地图中，具体标注添加到哪，要看添加的是那个点，注意该点是你已经创建的点，但是这样的效果已经不能

满足我们了，因为我们不能与之进行一些简单的交互，但是别担心，一切尽在书中，百度地图的开发文档已经给你全部封装好了，添加控件后的效果如下（整体背景效果图）：

其中，1是定位控件；2是标尺控件；3是缩略图控件；4是缩放控件；5是地图类型控件，点击1可以定位你当前所在的位置，点击5可以看不同类型的地图，点击3可以放大和缩小地图（就是地图级数），缩略图是可以隐藏和显示的，代码如下：

所有的控件他都是有默认显示的位置的，但是可以人为改变，左上角、右上角、右下角、左下角，而且缩放控件在PC端和移动端是显示两种不同的样式的，具体改变控件位置的方法我就不一一赘述了，可参考API文档，里面有详细说明，好，到了这里，算是

把百度地图的基本功能和效果都搞明白了，剩下的就是坐等丰收和往更高级的方面发展了，...有点偏题了，多个标注显示的效果如下：

上面的五个点就是我遍历出来的要显示的点，为了观看方便，我把地图级数控制在了9等级，代码如下：