百度地圖 api 指定區域添加maker標註,具體自己去調試啦,你品,你慢慢品,不敲文字了,你調試調試就懂了。

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=你自己的百度地圖apikey"></script>
<script type="text/javascript" src="http://api.map.baidu.com/library/GeoUtils/1.2/src/GeoUtils_min.js"></script>

</head>
<body>
    <div id="allmap" style="width:1000px;height:500px"></div>
    <div id="divInfo"></div>
</body>
</html>
<script type="text/javascript">
    window.onload = function () {
        var map = new BMap.Map("allmap");
        map.centerAndZoom(new BMap.Point(116.504996,31.723148), 7);
        map.enableScrollWheelZoom();


        var bdary = new BMap.Boundary();
        bdary.get("六安市", function (rs) {       //獲取行政區域
            map.clearOverlays();        //清除地圖覆蓋物       
            var count = rs.boundaries.length; //行政區域的點有多少個
            if (count === 0) {
                alert('未能獲取當前輸入行政區域');
                return;
            }
            var pointArray = [];
            for (var i = 0; i < count; i++) {
              
                var ply = new BMap.Polygon(rs.boundaries[i]); //建立多邊形覆蓋物
                map.addOverlay(ply);  //添加覆蓋物
                pointArray = pointArray.concat(ply.getPath());
                map.setViewport(pointArray);

                var res = "", minX = 115.336768, minY = 30.802569, x = 0, y = 0,pt=null;

                for (var i = 0; i < 1000; i++) {
                    x = minX + getRandom();
                    y = minY + getRandom();
                    pt = new BMap.Point(x, y);
                    if (BMapLib.GeoUtils.isPointInPolygon(pt, ply)) {
                      
                        var marker = marker = new BMap.Marker(new BMap.Point(x, y));

                        map.addOverlay(marker);
                        //res += 'marker = new BMap.Marker(new BMap.Point(' + x + ' ,' + y + '));<br/>map.addOverlay(marker);<br/>  ';
                    }
                }

                divInfo.innerHTML = res;
            }
           // map.setViewport(pointArray);    //調整視野  
            //addlabel();
        });


        //document.getElementById("divInfo").innerHTML = Math.random()/4;
       
    }


    function getRandom() {
        return Math.random() *2;
    }
</script>

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章