百度Map-0、入門-1.1
阿新 • • 發佈:2019-01-12
有時候我們需要展示我們的地點,那腫麼辦呢?我們可以用到百度地圖。有它在手,說走就走,啦啦啦。
怎麼能有我們自己的地圖呢。你可以直接找百度地圖開放平臺。要不然你就慢慢看我嘚瑟。(́ಢ.◞౪◟ಢ‵)喲喲喲。
首先你要有個百度的金鑰。賬號和獲取金鑰。自己去申請哦。然後開始我們的操作。
1、建立頁面
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!-- 要防止手機版使用者縮小整頁面的操作 --> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> </head> <body> <div id="container" style="height: 500px; width: 500px"></div> <script src="http://api.map.baidu.com/api?v=2.0&ak=金鑰哦,我就不告訴你我的金鑰&callback=回撥函式,這裡我用initMap哦"></script> <script src="baiduMap.js"></script> </body> </html>
2、回撥函式
function initMap() {
var mp = new BMap.Map('container'); //container是被加入的id
var point = new BMap.Point(114.223466,22.73045); //中心點座標,這個是百度地圖上的座標哦
mp.centerAndZoom(point, 19); //初始化並設定展示的級別,越大展示內容越少,更詳細
}
座標點去哪找呢, 拾取座標系統
出來了,是不是so easy啊!!!