8288分类目录 8288分类目录 8288分类目录
  当前位置:海洋目录网 » 站长资讯 » 站长资讯 » 文章详细 订阅RssFeed

百度地图获取行政范围边界-区县级及以上范围

来源:本站原创 浏览:114次 时间:2021-06-21

在做地图开发的时候经常需要获取行政区划的边界,下面的网页可以满足如下功能,输入城市区划名,点击查看范围即可

<!DOCTYPE html><html><head>    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />    <style type="text/css">        body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}        #panel{            position:absolute;            left:5px;            top:5px;        }        #result{            background: #fff;            padding:5px;        }    </style>    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=1XjLLEhZhQNUzd93EjU5nOGQ"></script>    <title>添加行政区划</title></head><body>    <div id="allmap"></div>    <div id="panel">        <div>        <input type="text" id="keyword" value="海淀区"/>        <input type="button" value="查看范围" id="commitBtn"/>        边界经纬度坐标        <textarea id="pathStr"></textarea>        边界墨卡托坐标        &����,����lt;textarea id="pathMc"></textarea>        </div>        <div id="result">        </div>    </div></body></html><script type="text/javascript">    // 百度地图API功能    var map = new BMap.Map("allmap");    map.centerAndZoom(new BMap.Point(116.403765, 39.914850), 5);    map.enableScrollWheelZoom();    var mercatorProjection = map.getMapType().getProjection();    $("#commitBtn").bind('click', function(){        getBoundary($("#keyword").val());    });    function getBoundary(city){               var bdary = new BMap.Boundary();        bdary.get(city, 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], {strokeWeight: 2, strokeColor: "#ff0000"}); //建立多边形覆盖物                map.addOverlay(ply);  //添加覆盖物                pointArray = pointArray.concat(ply.getPath());            }                var pathStr = "";            var pathMc = "";            for (var i = 0; i < pointArray.length; i++) {                                var mc = mercatorProjection.lngLatToPoint(pointArray[i]);                pathStr += pointArray[i].lng + "," + pointArray[i].lat + ";";                pathMc += mc.x + "," + mc.y + ";";            }            $('#pathStr').html(pathStr);            $('#pathMc').html(pathMc);            var ply = new BMap.Polygon(pointArray , {strokeWeight: 2, strokeColor: "#ff0000"}); //建立多边形覆盖物            var bounds = ply.getBounds();            var ne = bounds.getNorthEast();            var sw = bounds.getSouthWest();            var neMc = mercatorProjection.lngLatToPoint(ne);            var swMc = mercatorProjection.lngLatToPoint(sw);            var str = "经纬度:左下角,右上角:" + sw.lng + "," + sw.lat + ";" + ne.lng + "," + ne.lat                                                 + "<br/>墨卡托坐标:左下角,右上角:" + swMc.x + "," + swMc.y + ";" + neMc.x + "," + neMc.y;            $('#result').html(str);            console.log(bounds);            map.setViewport(pointArray);    //调整视野                         });       }    //getBoundary('北京');</script>

  推荐站点

  • At-lib分类目录At-lib分类目录

    At-lib网站分类目录汇集全国所有高质量网站,是中国权威的中文网站分类目录,给站长提供免费网址目录提交收录和推荐最新最全的优秀网站大全是名站导航之家

    www.at-lib.cn
  • 中国链接目录中国链接目录

    中国链接目录简称链接目录,是收录优秀网站和淘宝网店的网站分类目录,为您提供优质的网址导航服务,也是网店进行收录推广,站长免费推广网站、加快百度收录、增加友情链接和网站外链的平台。

    www.cnlink.org
  • 35目录网35目录网

    35目录免费收录各类优秀网站,全力打造互动式网站目录,提供网站分类目录检索,关键字搜索功能。欢迎您向35目录推荐、提交优秀网站。

    www.35mulu.com
  • 就要爱网站目录就要爱网站目录

    就要爱网站目录,按主题和类别列出网站。所有提交的网站都经过人工审查,确保质量和无垃圾邮件的结果。

    www.912219.com
  • 伍佰目录伍佰目录

    伍佰网站目录免费收录各类优秀网站,全力打造互动式网站目录,提供网站分类目录检索,关键字搜索功能。欢迎您向伍佰目录推荐、提交优秀网站。

    www.wbwb.net