地理定位并非屬于HTML5的專屬內容。HTML5中的地理定位技術來自于Google Map,但由于眾所周知的原因,Google產品在國內并不能正常于用戶使用,故選擇替代品:百度/高德地圖
百度地圖具有完善的demo示例和幫助文檔,可有效給予開發者幫助。
頁面中引入百度地圖 1.注冊百度賬號并登陸百度開發者,創建自己的應用,目的在于獲取AK(秘鑰),用于連接百度數據庫。
2.在頁面中引入
<script src="http://api.map.baidu.com/api?v=2.0&ak=此處填寫AK"></script>3.創建Map實例
var map = new BMap.Map("allmap"); // 初始化地圖,設置中心點坐標和地圖級別。map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);//另外,centerAndZoom的第一個參數也可以直接使用城市名字符串map.centerAndZoom('深圳', 13);//加入選項(地圖/衛星/三維)map.addControl(new BMap.MapTypeControl());map.setCurrentCity('北京')//鼠標滾輪是否可以用于縮放map.enableScrollWheelZoom(true);新聞熱點
疑難解答