百度地图API最佳实践_贾铮

百度地图API最佳实践 百度LBS搜索部高级研发工程师 贾铮 目录 ? 百度地图API简介 ? JavaScript API新功能 ? Web服务介绍 ? 移动开发指南 百度地图API系列 JavaScript API Static Map API Mobile API(SDK) Flash API Web Services JavaScript API功能 ? 卫星图和地图类型控件 ? Marker动画 ? 驾车?#29486;?#36884;径点 ? 自动完成/搜索提示 卫星图 map.setMapType(BMAP_SATELLITE_MAP); // 或者 map.setMapType(BMAP_HYBRID_MAP); 卫星图 卫星图 地图类型控件 map.addControl(new BMap.MapTypesControl()); // 配置显示 var mapTypesCtrl = new BMap.MapTypesControl({ mapTypes: [ BMAP_NORMAL_MAP, BMAP_HYBRID_MAP] }); map.addControl(mapTypesCtrl); 地图类型控件 Marker动画 var mkr = new BMap.Marker(position, { enableDragging: true, raiseOnDrag: true }); map.addOverlay(mkr); Marker动画 Marker动画 // 坠落效果 mkr.setAnimation(BMAP_ANIMATION_DROP); // 弹跳效果 mkr.setAnimation(BMAP_ANIMATION_BOUNCE); // 清除动画 mkr.setAnimation(null); 驾车?#29486;?#36884;径点 var options = { renderOptions: { map: map, enableDragging: true } } var myDrv = new BMap.DrivingRoute(map, options); 驾车?#29486;?#36884;径点 自动完成/搜索提示 var autoComplete = new BMap.Autocomplete({ input: “suggestId“, location : map }); 自动完成/搜索提示 Web服务 ? 基于HTTP协议的纯数据接口 ? 可从本地服务或程序访问 ? JSON、XML格式 ? 注意访问限制 ? 浏览器或?#21482;?#23458;户?#31169;?#35758;使用对应的JS或SDK?#38382;?Web服务 ? Place API ? Direction API（即将开放） ? Geocoder API（即将开放） Place API http://api.map.baidu.com/place/search? query=关键词 geoloc.getCurrentPosition(function(result){ if (geoloc.getStatus() == BMAP_STATUS_SUCCESS){ map.addOverlay(new BMap.Marker(result.point)); map.setCenter(result.point); } }); 定位 高DPI var map = new BMap.Map( map_canvas , { enableHighResolution: true }) 移动开发建议 ? 考虑使用静态图服务 ? 不使用?#28304;?#30340;InfoWindow ? 关注可点元素的尺寸 ? 尽可能减少无关元素，帮助用户集中精力完成任务 API资源 ? API官网 http://dev.baidu.com/wiki/static/index.htm ? API微博 http://weibo.com/baidudituapi 广告一下 ? 《百度地图移动版SDK开发指南》 http://developer.baidu.com