百度地图api 之地图初始化

百度地图api   初始化地图，监听地图坐标点
<html>
    <head>
        
        <script type="text/javascript" src="http://api.map.baidu.com/api?v=1.3">
        </script>
        <title>
            如何调用API
        </title>
           
        <style type="text/css">
        #container{
            width:50%;
            height:50%;
        }
        </style>
    </head>
    <body>
        <div id="container"></div>
        <script type="text/javascript">
            var map = new BMap.Map("container");//在container容器中创建一个地图,参数container为div的id属性;
            var point = new BMap.Point(116.404, 39.915);//定位其中116.404表示经度，39.915表示纬度
            map.centerAndZoom(point,15);//将point移到浏览器中心，并且地图大小调整为15（地图级别）

            
                      map.addEventListener("click", function(e){//用于监视点击地图，点击后会返回点击点的经度和纬度
                               e.point.lng;//当前位置的经度
                               e.point.lat//当前位置的纬度

                                    });
//向地图中添加缩放控件
         var ctrl_nav = new BMap.NavigationControl({ anchor: BMAP_ANCHOR_TOP_LEFT, type: BMAP_NAVIGATION_CONTROL_LARGE });
map.addControl(ctrl_nav);
//向地图中添加缩略图控件
        var ctrl_ove = new BMap.OverviewMapControl({ anchor: BMAP_ANCHOR_BOTTOM_RIGHT, isOpen: 1 });
          map.addControl(ctrl_ove);
//向地图中添加比例尺控件
        var ctrl_sca = new BMap.ScaleControl({ anchor: BMAP_ANCHOR_BOTTOM_LEFT });
        map.addControl(ctrl_sca);
        </script>
    </body>
</html>

百度地图api 之地图初始化

猜你喜欢