百度地圖API示例之移動地圖

本文轉載自查看原文 2015-11-28 14:35 9900

級別為6

級別為8

級別為12

代碼：

<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <style type="text/css">
    body,
    html {
        width: 100%;
        height: 100%;
        margin: 0;
        font-family: "微軟雅黑";
    }
    
    #allmap {
        width: 100%;
        height: 500px;
    }
    
    p {
        margin-left: 5px;
        font-size: 14px;
    }
    </style>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=sSelQoVi2L3KofLo1HOobonW"></script>
    <title>移動地圖</title>
</head>

<body>
    <div id="allmap"></div>
    <p>初始化地圖，中心點為（116.4035,39.915），縮放級別為8的北京市地圖，2秒后，通過改變中心點坐標，地圖平移到廣州</p>
</body>

</html>
<script type="text/javascript">
// 百度地圖API功能
var map = new BMap.Map("allmap"); // 給allmap設置地圖
map.centerAndZoom(new BMap.Point(116.4035, 39.915),12); // 第二個參數為級別，數字越大，聚焦越清晰
setTimeout(function() {
    map.panTo(new BMap.Point(113.262232, 23.154345)); //兩秒后移動到廣州
}, 2000);
</script>

說明：設置地圖對象

創建地圖級別與默認聚焦點

2秒后指向其他地方

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 完美解決百度地圖MarkerClusterer 移動地圖時，Marker 的Label 丟失的問題調用百度地圖 API 移動地圖時 maker 始終在地圖中間並根據maker 經緯度返回地址百度地圖API 百度地圖API 百度地圖api 百度地圖api 基於百度地圖的 JavaScript API示例學習百度地圖API 百度地圖API示例之文本標注百度地圖API示例之文本標注