百度地图API开发(修改)详解.ppt

Javascript API大众版开发指南 百度地图API可以通过addEventListener方法来监听对象事件 该方法有两个参数：监听事件名称和事件触发时调用的函数 var map = new BMap.Map(container); map.centerAndZoom(new BMap.Point(116.404, 39.915), 11); map.addEventListener(dragend, function(){ var center = map.getCenter(); alert(地图中心点变更为： + center.lng + , + center.lat); }); 当不希望监听事件时，removeEventListener 用来移除事件监听函数。 4.事件 Javascript API大众版开发指南 5.地图图层 地图可以包含一个或多个图层，如 TrafficLayer交通流量图层 通过map.addTileLayer方法可向地图添加图层 调用map.removeTileLayer方法从地图上移除图层 var map = new BMap.Map(“l-map”); // 创建地图实例 var point = new BMap.Point(116.404, 39.915); // 创建点坐标 map.centerAndZoom(point, 15); //初始化地图 var traffic = new BMap.TrafficLayer(); // 创建交通流量图层实例 map.addTileLayer(traffic); // 将图层添加到地图上 map.removeTileLayer(traffic); // 将图层移除 Javascript API大众版开发指南 6.工具 工具已经制作成开源库（lib）对外免费开放，可直接访问JavaScript开源库。 MarkerTool：标注工具。用户可在地图任意区域添加标注。 MarkerClusterer：多标注聚合器，解决加载大量点要素到地图上造成缓慢。 MarkerManager：标注管理工具。此工具提供展示、隐藏、清除所有标注。 RichMarker：富标注工具，为用户提供自定义Marker样式，并添加点击、双击、拖拽等事件。 Javascript API大众版开发指南 6.工具 var map = new BMap.Map(container); map.centerAndZoom(new BMap.Point(116.404, 39.915), 15); var myPushpin = new BMap.PushpinTool(map); // 创建标注工具 myPushpin.addEventListener(markend, function(e){ alert(您标注的位置： + e.marker.getPoint().lng + , + e.marker.getPoint().lat); }); myPushpin.open(); // 开启标注工具 Javascript API大众版开发指南 6.工具 LuShu：路书，轨迹运动工具，实现marker沿路线运动。 CityList：城市列表工具。 AreaRestriction：区域限制工具。此工具为用户提供百度地图浏览区域限制设置。 GeoUtils：几何运算工具，提供判断点与矩形、 圆形、多边形线、多边形面的关系,提供计算折线长度和多边形面积的公式。 TrafficControl：实时交通控件。此工具提供将交通流量图层在地图上的实时显示，隐藏等。 Javascript API大众版开发指南 6.工具 DrawingManager：鼠标绘制工具，用户可以在地图任意位置上画点、画线、画面并显示线的距离及面的面积 EventWrapper：事件封装工具，提供了人性化的事件使用方法 TextIconOverlay：自定义覆盖物工具，使用该工具在 地图上添加文字和图标样式的覆盖物 SearchInRectangle：拉框缩放工具，实现三种拉框搜索效果 SearchInfoWindow：“百度地图样式”的信息窗口工具，提供带搜索框的信息窗口，该窗口内容可自由定制多种风格。 SearchControl：检索控件，针对移动端，提供城市列表选择、本地检索框、公交驾车查询框。 Javascript API大众版开发指南 7.服务 地图服务是指那些提供数据信息的接口，比如本地搜索、路线规划 LocalSearch：本地搜索，提供某一特定地区的位置搜索服务 TransitRoute：公交导航，提供公交出行方案的搜索服