百度地圖API

時間 2019-11-22

標籤百度地圖 api 简体版

原文原文鏈接

有空就去看了下百度地圖API，特此記錄：javascript

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
        <title></title>
        <!-- 在下面填上申請的密鑰 -->
        <script src="http://api.map.baidu.com/api?v=2.0&ak=hFuGLqDM88PsfZ6kGnmKWwE9gjtarvRT" type="text/javascript"></script>
        <style type="text/css">
            * {
                margin: 0;
                padding: 0;
            }
            
            html,
            body,
            #container {
                height: 100%;
            }
        </style>
    </head>

    <body>
        <div id="container"></div>

        <script type="text/javascript">
            var map = new BMap.Map('container'), //建立地圖實例
                point = new BMap.Point(113.31748, 23.101816); //建立點座標
            map.centerAndZoom(point, 15); //初始化地圖，設置中心點座標和地圖級別
            map.enableScrollWheelZoom();//調用此方法設置爲可經過滾輪調整地圖大小
            var marker = new BMap.Marker(point); // 建立標註
            //添加控件
            map.addControl(new BMap.NavigationControl()); //地圖平移縮放控件
            map.addControl(new BMap.ScaleControl()); //比例尺控件
            map.addControl(new BMap.OverviewMapControl()); //縮略地圖控件
            map.addControl(new BMap.MapTypeControl()); //地圖類型控件
            marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳動的動畫

            map.setCurrentCity("廣州");
            var label = new BMap.Label("海珠", {
                offset: new BMap.Size(-3, -40)
            }); //標註標籤
            marker.setLabel(label) //設置標註說明
            marker.enableDragging(); //標註能夠拖動的
        </script>
    </body>

</html>

具體參數請看：http://developer.baidu.com/map/reference/index.phpphp

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。