uniapp - 超详细 H5 网站接入国家 “天地图“ 完整流程，提供显示地图、IP 属地定位 / 用户定位的城市名称、用户定位的经纬度等超多功能（可复制运行示例代码，详细注释及常见问题）_前端h5 天地图开发

作者：繁依Fanyi0 | 2024-05-04 23:13:35

踩

前端h5 天地图开发

如果您需要兼容小程序、App、nvue等平台，请访问这篇文章 | 如果您需要 vue / nuxt 版本，请访问这篇文章。

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

本文实现了 uniapp H5 网页项目，详细天地图申请key及配置教程，提供了地图显示及标点、用户当前 IP 属性定位、获取用户定位城市名称、经纬度等诸多示例，

您可以按照教程简单有序的完成配置，最后复制示例源码运行起来稍微改改就能用了，

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

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

在这里插入图片描述

要想使用天地图 API，就必须先

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/繁依Fanyi0/article/detail/536540