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

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;

}

添加行政区划

边界经纬度坐标

边界墨卡托坐标

// 百度地图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

+ "
墨卡托坐标:左下角,右上角:" + swMc.x + "," + swMc.y + ";" + neMc.x + "," + neMc.y;

$('#result').html(str);

console.log(bounds);

map.setViewport(pointArray); //调整视野

});

}

//getBoundary('北京');

奥维查看行政边界_百度地图获取行政范围边界相关推荐

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

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

  2. 百度地图获取行政范围边界

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

  3. python百度地图显示路径_百度地图获取规划路径信息

    本文意在解决通过制定两点坐标获取百度搜索的路径结果信息,用途是重现路径(比如在mapv上绘制轨迹显示效果图等). 实现思路: 加载百度地图所需的js引用: html布局用于显示结果: 初始化百度地图并 ...

  4. 利用百度地图获取地市镇区边界

    返回多个点的经纬度 访问百度地图开放平台文档 http://lbsyun.baidu.com/jsdemo.htm#c1_10 直接把区域改成你需要的,然后把结果输出即可

  5. 百度地图获取当前位置街道_轻松查看街道地址位置地图

    百度地图获取当前位置街道 Have you found the address for a place that you would like to visit while browsing but ...

  6. centerandzoom 无效_百度地图api h5获取当前位置授权(iphone6s 和 iphone7失效)

    百度地图获取当前位置授权对于ipnone6s和ipone7没有用,别的机型都可以,下面贴代码: (定义调用本地授权函数) var getLocation = function(callback) { ...

  7. 百度地图获取经纬度后,获取区域代码和地址

    百度地图获取经纬度后,获取区域代码和地址: function getdistrct_code($location){$url ="api.map.baidu.com/geocoder/v2/ ...

  8. 根据ip获取经纬度_PHP使用百度地图获取指定地址坐标:创建AK(图文+视频)

    本篇文章主要给大家介绍PHP使用百度地图获取指定地址坐标之创建AK(api key)的方法. 我们在前面的文章[PHP使用腾讯地图获取指定地址坐标:创建key][PHP使用腾讯地图获取指定地址坐标:经 ...

  9. 根据php经纬度百度地图打点,PHP使用百度地图获取指定地址坐标:经纬度(图文+视频)...

    本篇文章主要给大家介绍PHP使用百度地图获取指定地址坐标之经纬度的实现方法. 在之前的文章[PHP使用百度地图获取指定地址坐标:创建AK]中,已经给大家介绍了如何在百度地图开放平台中创建AK(api ...

最新文章

  1. Open3d学习计划—高级篇 7(颜色映射)
  2. tensorflow兼容问题
  3. 用js实现放大镜的效果
  4. 【开发技术】java中代码检查checkStyle结果分析
  5. Spring---------ThreadLocal(线程变量副本)
  6. 【Ubuntu16.04-opencv3.4.0-FDDB Evaluation】评测代码使用中遇到对‘cvxxx’未定义的引用问题
  7. C ~ char int 等数据转换问题
  8. vsftpd安装配置_CentOS7配置vsftpd虚拟用户模式详解
  9. 开源 java CMS - FreeCMS2.7 单位管理
  10. tornado框架学习
  11. 白话空间统计之二十五:空间权重矩阵(四)R语言中的空间权重矩阵(3):反距离权重
  12. k2p—b1版本刷固件遇到的问题
  13. 十年PHP架构师的成长之路,程序员必备
  14. spring-boot-starter-data-elasticsearch 中测试查询语句报错failed to map source
  15. mybatis自定义枚举类型的转换器以及各种使用场景
  16. “假努力”与“假关心”
  17. JS——判断变量类型方法汇总
  18. python小欢喜(三)超级计算器
  19. 如何在九酷·轻音乐上下载MP3格式的音乐素材?
  20. debian 11 安装bind9服务

热门文章

  1. 关于手游app的开发
  2. 【sklearn入门】决策树在sklearn中的实现--实战红酒分类案例
  3. TextFormat设置中文字体font属性注意的问题
  4. 人工智能 - 虚拟人 - 虚拟主播(窗口捕捉)
  5. stm32 esp8266配网-smartConfig和BT串口方式配网
  6. BW顾问进阶:SAP BW后勤数据源抽取机制
  7. 生成对抗网络GANs
  8. Python中国500强企业数据分析作业
  9. 专访|HPE测试中心总监徐盛:测试新思维-DevOps,持续测试,更敏捷,更快速
  10. HDU-2036 改革春风吹满地(计算几何)