百度地图获取行政区边界坐标
2024-05-21 06:11:45
输入行政区名称,获取相应的行政区边界坐标
<!DOCTYPE html>
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><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: "微软雅黑";}</style><script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=xx"></script><script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.js"></script><title>添加行政区划</title></head><body><div id="getCity" style="margin: 1% 40%;"><input type="text" placeholder="请输入行政区名字" /><button id="city">获取行政区边界坐标</button></div><div id="allmap"></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();$('#city').click(function() {var city = $(':input').val();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"}); //建立多边形覆盖物var str = JSON.stringify(ply.ia); //将BMap获取的行政区边界经纬度转为字符串spiltStr(str);map.addOverlay(ply); //添加覆盖物pointArray = pointArray.concat(ply.getPath());}map.setViewport(pointArray); //调整视野 });});//字符串封装为jsonfunction spiltStr(city) {//console.log(city+'---')var str = "121.34277300108,31.300726938605;121.34023490295,31.30656768649;121.34101430412,31.321852305581;121.34532986852,31.32373744307;121.34507562469,31.326325179418;121.34279680099,31.327430729214;121.33368722478,31.352486594706;121.32863323993,31.355946076452;121.3306342856,31.389518049891;121.32683032531,31.41448550211;121.33644426228,31.420048486776;121.33796679321,31.419826266008;121.33974283911,31.427986737928;121.33898864558,31.440913595385;121.33444416932,31.453434852669;121.32712127167,31.459698918395;121.32359337774,31.475180614573;121.31526712011,31.489321129362;121.31449534014,31.502646507446;121.29513460234,31.511763775428;121.28658896966,31.509453948404;121.27854782016,31.503306859672;121.25459705023,31.498569551283;121.21061795124,31.479894989687;121.20080623465,31.473441396056;121.19227370437,31.461329066124;121.18074389625,31.455132109974;121.17248676891,31.457784975575;121.15417124487,31.449591888376;121.15190698691,31.44485092269;121.16995564339,31.438369269356;121.15641170403,31.42808158186;121.16368200305,31.418036455773;121.15615209913,31.408916433233;121.15389894579,31.396855643986;121.14636752368,31.389519869487;121.1216241984,31.381207905131;121.126436312,31.375522857236;121.11327467502,31.372544843095;121.11504878311,31.358515688821;121.12543166,31.355738088985;121.12517943556,31.350576427542;121.13706169265,31.348468587078;121.13626008815,31.30993641992;121.14684967884,31.308793560918;121.15113791549,31.315474234933;121.16066357022,31.29917558545;121.16692386311,31.291073907869;121.16166696203,31.285625519425;121.16718195826,31.276446521814;121.17544355574,31.279163976083;121.18898716896,31.263877724792;121.20505391684,31.260119976477;121.21562156159,31.267376880475;121.27097267115,31.262577404004;121.27425078362,31.26044885246;121.29337239048,31.249760859417;121.29940623897,31.238478630296;121.32079145614,31.233202075819;121.34077824014,31.238325554883;121.34559319768,31.244083837124;121.3549768665,31.248019413486;121.36690797737,31.246319504389;121.37222869771,31.253136099939;121.3863911862,31.256071762754;121.3808205898,31.26662893588;121.36689179338,31.268484647818;121.36561439598,31.274102752167;121.35038733712,31.278662550346;121.34277300108,31.300726938605";var points = [];$.each(str.split(";"), function(index, value) {var point = {};point.lng = value.split(',')[0];point.lat = value.split(',')[1];points.push(point);});var data = JSON.stringify(points);if(city == data) {console.log('true');}//console.log(data);}
</script>百度地图获取行政区边界坐标相关推荐
- 如何最用最懒的方式获取百度地图的行政区边界坐标范围
1.打开百度js api页面,http://lbs.baidu.com/jsdemo.htm#c1_10 刚好打开这个例子, 2.首先把"北京市海淀区"改为你想要的如" ...
- 根据ip获取经纬度_PHP使用百度地图获取指定地址坐标：创建AK（图文+视频）
本篇文章主要给大家介绍PHP使用百度地图获取指定地址坐标之创建AK(api key)的方法. 我们在前面的文章[PHP使用腾讯地图获取指定地址坐标:创建key][PHP使用腾讯地图获取指定地址坐标:经 ...
- 根据php经纬度百度地图打点,PHP使用百度地图获取指定地址坐标：经纬度（图文+视频）...
本篇文章主要给大家介绍PHP使用百度地图获取指定地址坐标之经纬度的实现方法. 在之前的文章[PHP使用百度地图获取指定地址坐标:创建AK]中,已经给大家介绍了如何在百度地图开放平台中创建AK(api ...
- 根据经纬度确定行政区域_基于JavaScript实现高德地图和百度地图提取行政区边界经纬度坐标...
前言 近来由于工作需要,需要提取某些城市的经纬度坐标,稍微搜索了一下,发现百度地图和高德地图都提供了相关的函数和例子.那么剩余的工作也就比较简单了,保存坐标,然后转换为WGS坐标,这样才能和现有的GP ...
- 百度地图获取省市边界、设置图片背景
1.获取省市边界 (1)初始化地图 引入文件: <script type="text/javascript"src="http://api.map.baidu.co ...
- 百度地图绘制行政区边界
一般app很少看到有在百度地图上显示行政边界的,本想偷懒一回,拿个现成的,但百度好长时间都没有.还是耐心的去看类参考吧,后来发现挺简单的,所以记录一下方便以后直接拿来用了. 其实就是获取点位生成图层添 ...
- android 百度地图获取两个坐标的实际路线距离
12.2 青岛 晴 前些天看了下百度地图的api,找到了几个不错的方法,拿出来分享下,导百度地图的jar包后项目较大,没法上传csdn,想要源码的留邮箱. 百度地图有个导航功能,可以获取到两个 ...
- 百度地图 获取两坐标点之间的驾车路线所有坐标
百度地图 获取两坐标点之间的驾车路线所有坐标 <html><head><meta http-equiv="Content-Type" content= ...
- 高德地图-初始化的时候获取行政区边界和中心点
官方API https://editor.csdn.net/md/?not_checkout=1 思路: 1.后台返回城市 或 着通过IP地址自动定位城市 2.通过城市获取行政区边界 和中心点 < ...
最新文章
- 表达式树 java_表达树—构建表达式树、获取表达式（二）
- 拆解交易系统--如何做好稳定性
- MySQL InnoDB锁
- 查mac对应ip的不同系统命令
- 维基解密揭秘CIA五种恶意软件用法
- C#中把货币、日期转换成中文大写
- 数学建模感悟：新的算法的学习
- App开发流程之加密工具类
- eap和psk_针对WildFly和EAP运行Java Mission Control和Flight Recorder
- sendmail发送html邮件,尝试使用sendmail发送/发送html电子邮件，但显示电子邮件的源代码...
- 浅入深出Vue：注册
- oracle存在于A不存在于B,Oracle试题
- pm2 简介与常用指令
- SpringBoot(30) 整合PageOffice实现在线编辑Word和Excel
- 【理科】2020年高考数学(第十二章复数、算法、推理与证明)考点与题型全归纳
- 经典管理学定律4 - 鲶鱼效应
- Xcode MacOS与clang c++版本关系
- thinkphp6 发送短信验证码
- JavaWeb开发之如何创建一个web项目
- 局域网arp攻击_MAC与IP不得不说的故事--深入ARP工作原理