最近在做一个网站，需要嵌入经销商的位置和信息。搜索了很多资料，终于完成了功能，给大家分享一下。
_UeIzdV 9 地图功能：按标尺缩放，鼠标滑动缩放，添加标注和 信息。
h@ ?BA<'S 具体步骤：
;,_c1x/F 1：首先到百度地图API，申请密钥。（如果没有百度账户得先注册一个）
G Q+g.{c 2：百度地图API的功能做得比较分散，像标注、缩放等都是需要自己一步步找代码的。我把代码整理了一下，给大家复制一下，应该是最简洁的了
h<2O+"^ <head>
/`VtW$9- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
_RzcMX <script type="text/javascript" src="http://api.map.baidu.com/api?v=1.5&ak=申请的密钥"></script>
t3 $+;K( </head>
gI~jf- w <body>
W r;?t! <div style="width:500px;height:500px;margin:0 auto" id="allmap"></div>
x~O_v <script type="text/javascript">
[W,maT M" var map = new BMap.Map("allmap");
aib)ItNb var point = new BMap.Point(116.384, 39.987); // 需要标注的位置的经纬度
?r6uEZ map.centerAndZoom(point, 15); // 中心位置和缩放倍数
j]_"MMwk$< map.enableScrollWheelZoom(); // 添加滚动轴
M U&P+Wr map.addControl(new BMap.NavigationControl()); // 添加左上角的标尺工具
O/Wc@Ln map.addControl(new BMap.NavigationControl());
J $<g" z3 map.addControl(new BMap.ScaleControl());
qg@Wzs7c~ map.addControl(new BMap.OverviewMapControl());
thSo,u GlW map.addControl(new BMap.MapTypeControl());
=G2A Ufn map.setCurrentCity("北京");
-@_V|C'? F{aM6I var opts = {
!tD,phca~ width : 200, // 信息窗口宽度
wms8z height: 20, // 信息窗口高度
vo DTU]pf title : "健翔桥东华亭家园" // 信息窗口标题
4q5bW+$Xj }
q^w3n2 var infoWindow = new BMap.InfoWindow("xxx公司", opts); // 创建信息窗口对象
7^:0? Q map.openInfoWindow(infoWindow, map.getCenter()); // 打开信息窗口
[I` 6F6 var marker = new BMap.Marker(point); // 创建标注,即地图上的小红点
AU
+2' map.addOverlay(marker);
((% g\&D </script>
