百度地圖API最佳實踐_賈錚

百度地圖API最佳實踐 百度LBS搜索部高級研發工程師 賈錚 目錄 ? 百度地圖API簡介 ? JavaScript API新功能 ? Web服務介紹 ? 移動開發指南 百度地圖API系列 JavaScript API Static Map API Mobile API(SDK) Flash API Web Services JavaScript API功能 ? 衛星圖和地圖類型控件 ? Marker動畫 ? 駕車拖拽途徑點 ? 自動完成/搜索提示 衛星圖 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); 駕車拖拽途徑點 var options = { renderOptions: { map: map, enableDragging: true } } var myDrv = new BMap.DrivingRoute(map, options); 駕車拖拽途徑點 自動完成/搜索提示 var autoComplete = new BMap.Autocomplete({ input: “suggestId“, location : map }); 自動完成/搜索提示 Web服務 ? 基于HTTP協議的純數據接口 ? 可從本地服務或程序訪問 ? JSON、XML格式 ? 注意訪問限制 ? 瀏覽器或手機客戶端建議使用對應的JS或SDK形式 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 }) 移動開發建議 ? 考慮使用靜態圖服務 ? 不使用自帶的InfoWindow ? 關注可點元素的尺寸 ? 盡可能減少無關元素，幫助用戶集中精力完成任務 API資源 ? API官網 http://dev.baidu.com/wiki/static/index.htm ? API微博 http://weibo.com/baidudituapi 廣告一下 ? 《百度地圖移動版SDK開發指南》 http://developer.baidu.com