1. 程式人生 > >百度Map-0、入門-1.1

百度Map-0、入門-1.1

    有時候我們需要展示我們的地點,那腫麼辦呢?我們可以用到百度地圖。有它在手,說走就走,啦啦啦。

    怎麼能有我們自己的地圖呢。你可以直接找百度地圖開放平臺。要不然你就慢慢看我嘚瑟。(́ಢ.◞౪◟ಢ‵)喲喲喲。

    首先你要有個百度的金鑰。賬號和獲取金鑰。自己去申請哦。然後開始我們的操作。

    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啊!!!