高德行政区划边界及经纬度获取-----uni-app使用地图

最新推荐文章于 2025-10-13 18:14:35 发布
原创 最新推荐文章于 2025-10-13 18:14:35 发布 · 6.4k 阅读 · 8 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js #前端 #javascript #web app #android

本文介绍如何在uni-app中使用高德地图API提取城市经纬度坐标并转换为WGS坐标，实现地图上行政区域的精确显示。通过polyline属性连接边界点，完成区域边界的绘制。

uni-app地图行政区域在这里插入图片描述上图效果
高德行政区划边界及经纬度获取

前言

近来由于工作需要,需要提取某些城市的经纬度坐标,稍微搜索了一下,发现百度地图和高德地图都提供了相关的函数和例子.那么剩余的工作也就比较简单了,保存坐标,然后转换为WGS坐标,这样才能和现有的GPS数据以及地图匹配.

主要问题和解决方法

uni-app中地图显示行政区域其中要用到polyline这个属性从数组的第一个连线到最后一个在这里插入图片描述具体应用如图；
其中我们会要获取到某区域边界的经纬度。
具体操作步骤如下：
话不多说直接上图
在这里插入图片描述高德地图找到上图位置
在这里插入图片描述进行上图操作即可

uniapp - 详解使用高德地图在地图上实现绘制边界/点聚合/行政区域高亮等功能，Uniapp高德地图点聚合标记及绘制点线面示例代码（全端兼容H5网页、小程序、安卓app、苹果app、nvue）
高级前端工程师
01-05 1万+
uni-app，h5移动端网页，微信小程序，支付宝小程序，Android安卓，苹果ios，app，nvue，高德地图，uniAPP高德地图实现点聚合，地图区域描边、点标记、点信息详情弹窗，实现绘制边界区域，uniapp H5使用高德地图实现点聚合、行政区域高亮，实现高德地图的marker聚合功能，高德地图进行marker标点，点信息展示，点击标记点弹出对话框，点击聚合点后显示信息模态框，打标点，【Uniapp】高德地图的接入自定义标点与信息窗体使用，绘制行政区域边界，绘制多边形，电子围栏，高德行政区划边界，
uniapp H5使用高德地图实现点聚合、行政区域高亮（通俗易懂）
qq_56892518的博客
03-27 5622
uniapp自带的map地图组件功能有限，并且适配性实在让人苦恼，高德地图想对成熟稳定且功能比自带map组件完善很多，但是使用较为麻烦，以下是我在uniapp使用高德地图的一些见解和技巧。
高德地图通过行政区划名称获取边界线数据绘制多边形面展示
qq_41206597的博客
10-31 1043
【代码】高德地图通过行政区划名称获取边界线数据绘制多边形面展示。
VUE2.0实现 高德地图 选择地点后 进行 行政区边界划分
weixin_45905700的博客
06-15 4779
最终效果达到选择全部就描绘当前级联选择框下面的所有行政区，第二级开始描绘上一层加当前所有行政区预备知识：vue2.0、组件间传值、高德地图API（提前去高德地图提供的服务处申请好key）
2025年10月实时最新获取地图边界数据方法，省市区县街道多级联动【文末附实时geoJson数据下载】
最新发布
HashTang的博客
10-13 1191
本文介绍了动态获取最新行政区划GeoJSON数据并结合ECharts实现地图下钻功能的方法。通过高德地图API获取实时行政区划边界数据，使用AMapUI的DistrictExplorer模块转换为标准GeoJSON格式，再通过ECharts渲染地图并实现下钻功能。核心步骤包括：1)调用高德API获取行政区划信息；2)转换数据为GeoJSON格式；3)注册并渲染ECharts地图；4)监听点击事件实现下钻功能。该方法解决了静态GeoJSON数据陈旧的问题，支持无限层级下钻，可用于构建动态地图应用。
全国行政区划带经纬度表
04-17
全国行政区划带经纬度，省市区县三级，可直接导入mysql数据库。
高德地图API显示行政区边界
Zll321723的博客
02-13 5091
高德地图行政区边界模拟
高德地图JS API加载行政区边界AMap.Polygon
weixin_45511682的博客
09-11 5395
在使用高德地图JS API开发过程中，对其地图所呈现的地区加上边界及区域面，一般来讲采用AMap.Polygon进行渲染，对API可谓是即拿即用，快速开发。
uni-app renderJS高德地图围栏 判断是否进入围栏
05-28
在uni-app中使用renderJS实现高德地图的围栏功能，并判断用户是否进入围栏，可以通过以下方式完成。主要步骤包括加载高德地图API、绘制围栏区域、监听用户的地理位置变化并判断是否进入围栏。 #### 1. 加载高德地图...
uni-app renderJS高德地图围栏 判断是否进入围栏 且支持安卓端德
05-28
### 在uni-app中使用renderJS实现高德地图围栏功能，并判断设备是否进入围栏 为了在uni-app中通过`renderJS`实现高德地图围栏功能，并判断设备是否进入围栏，同时确保功能支持安卓端，以下内容提供了完整的解决方案...
高德地图中国行政区划数据，精确到街道
01-20
高德地图中国行政区划基础数据，包含经纬度数据： CREATE TABLE `region` ( `id` varchar(20) NOT NULL, `name` varchar(100) DEFAULT NULL, `parent_id` varchar(20) DEFAULT NULL, `type` varchar(16) DEFAULT NULL COMMENT 'COUNTRY(国家)、PROVINCE(省)、MUNICIPALITY(自治省市)、CITY(市)、COUNTY_AREA(县、区)、VILLAGE(乡镇、街道)', `code` varchar(60) DEFAULT NULL, `sec_code` varchar(60) DEFAULT NULL, `abbreviation` varchar(60) DEFAULT NULL, `well_known_text` varchar(512) DEFAULT NULL, `is_county_level_city` tinyint(1) DEFAULT '0' COMMENT '是否为县级市', `standard_id` varchar(16) DEFAULT NULL COMMENT '国家标准id', `longitude` decimal(10,7) DEFAULT NULL COMMENT '经度', `latitude` decimal(10,7) DEFAULT NULL COMMENT '纬度', `is_enabled` tinyint(4) DEFAULT '1', `created_by` varchar(64) DEFAULT NULL, `created_stamp` datetime DEFAULT NULL, `last_updated_by` varchar(64) DEFAULT NULL, `last_updated_stamp` datetime DEFAULT NULL, PRIMARY KEY (`id`), UNIQUE KEY `idx_standard_id` (`standard_id`) ) ENGINE=InnoDB DEFAULT CHARSET=utf8 COMMENT='中国各级行政区域数据表';
全国行政区划数据（含经纬度边界）
05-30
全国行政区划数据（含经纬度边界）
高德地图获取行政区域和经纬度
itlianjinshushi的博客
01-08 1498
```python from openpyxl import load_workbook import requests #读取excel内容 def do_excel(filepath): ws = load_workbook(filepath) sh= ws.active all_data = [] for row in range(2,sh.max_row+1): all_data.append(sh.cell(row=row,column=2).v.
百度高德地图行政区域边界GeoJSON数据获取并绘制行政区域
周陆军的博客，分享it技术。
04-11 6665
echart矢量地图或者地图绘制矢量图层，GeoJSON哪里提供呢？dataV提供数据下载，这些数据也是从高德上面来的，翻了下高德地图的api，其实可以直接获取。
高德地图获取行政区域并且获取经纬度
baidu_41899377的博客
10-12 1122
我们的需求是获取行政图的切片图，需要四个角的经纬度代码如下。
高德行政区划查询（vue实现）
Keep__Me的博客
05-17 1758
这篇说下，如何使用高德来实现行政区划查询并划出行政区的范围，实现参考了官网的案例，不过官网的案例是html写的，我这里用vue实现。
高德行政区划地图，区域划线，行政区划浏览
qq_41206597的博客
03-16 3435
高德地图，行政区划浏览 划线展示
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值