最近在做一个网站,需要嵌入经销商的位置和信息。搜索了很多资料,终于完成了功能,给大家分享一下。 地图功能:按标尺缩放,鼠标滑动缩放,添加标注和 信息。 具体步骤: 1:首先到百度地图API,申请密钥。(如果没有百度账户得先注册一个) 2:百度地图API的功能做得比较分散,像标注、缩放等都是需要自己一步步找代码的。我把代码整理了一下,给大家复制一下,应该是最简洁的了 <br/> var map = new BMap.Map("allmap"); <br/> var point = new BMap.Point(116.384, 39.987); // 需要标注的位置的经纬度 <br/> map.centerAndZoom(point, 15); // 中心位置和缩放倍数<br/> map.enableScrollWheelZoom(); // 添加滚动轴<br/> map.addControl(new BMap.NavigationControl()); // 添加左上角的标尺工具<br/> map.addControl(new BMap.NavigationControl()); <br/> map.addControl(new BMap.ScaleControl()); <br/> map.addControl(new BMap.OverviewMapControl()); <br/> map.addControl(new BMap.MapTypeControl()); <br/> map.setCurrentCity("北京"); <br/> <br/> var opts = { <br/> width : 200, // 信息窗口宽度 <br/> height: 20, // 信息窗口高度 <br/> title : "健翔桥东华亭家园" // 信息窗口标题 <br/> } <br/> var infoWindow = new BMap.InfoWindow("xxx公司", opts); // 创建信息窗口对象 <br/> map.openInfoWindow(infoWindow, map.getCenter()); // 打开信息窗口 <br/> var marker = new BMap.Marker(point); // 创建标注,即地图上的小红点 <br/> map.addOverlay(marker); <br/>