小工具知识网

当前位置: 首页 > 行业知识 > uniapp - [微信小程序 | 安卓苹果app] 详细实现接入天地图完整流程,提供显示地图、IP 属地定位 / 用户定位的城市名称、用户定位的经纬度超多功能(复制运行示例代码,详细注释及常见问题)

行业知识

uniapp - [微信小程序 | 安卓苹果app] 详细实现接入天地图完整流程,提供显示地图、IP 属地定位 / 用户定位的城市名称、用户定位的经纬度超多功能(复制运行示例代码,详细注释及常见问题)

2026-11-10 00:43:09 来源:互联网转载

前言

如果您 uniapp 只需要兼容 H5 网页,请访问 这篇文章。 | 如果您需要 vue / nuxt 版本,请访问 这篇文章。

关于天地图的配置及使用教程的文章几乎没有,本文站在小白的角度从 0-1 进行配置和使用。

本文实现了 uniapp(微信小程序 / 支付宝小程序 / 安卓android / 苹果ios / App / nvue 等平台),详细天地图申请key及配置教程,提供了地图显示及标点、用户当前 IP 属性定位、获取用户定位城市名称、经纬度等诸多示例,

支持 uniapp v2 / v3 版本,除了 H5 网页不兼容,其他端完美兼容。


如下图真实运行所示,本文提供详细引入地图的流程及全部示例源代码,可直接复制代码运行:

代码干净整洁,超级详细的注释,除了核心功能无任何乱七八糟的代码!

上一篇:揭秘电子书翻页技巧,轻松畅享阅读体验!

下一篇:使用ChatGPT4协助完成读取文件中不同字的数量