uniapp - 超详细 H5 网页引入百度地图教程，附地图示例 / 获取当前设备定位的省市区、详细地址、经纬度信息 / 用户当前 IP 属地定位地理位置等等（新手小白快速上手，详细配置及使用全流程）

前言

网上的教程非常乱（各种不规范的使用教程存在各种 BUG），代码贼乱而且没有注释，根本无法进行改造。

在 uniapp h5 网站项目中，从安装配置到使用百度地图插件，再到详细的显示地图示例、获取当前位置定位信息（经纬度、省市区名称等）、获取当前 IP 属地等，常见功能示例源码！

支持 uniapp v2 / v3 版本，本文站在新手小白的角度，您可以一键复制源码稍微改改就能用了（保证可用）。

---

如下图真机运行所示，成功安装配置，并加载显示百度地图、获取当前位置信息等，

适用于任何微信公众号、移动端网页，每个示例都是 “独立” 的方便按需复制。

示例代码干净整洁注释详细，无任何乱七八糟的样式

申请 AK

要想使用百度地图的服务，就需要先申请人家的 key。