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

前言

如果您需要 vue / nuxt 版本,请访问 这篇文章。

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

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

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


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

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

在这里插入图片描述 在这里插入图片描述

申请 Key

要想使用天地图 API,就必须先注册申请 Key。

打开 官方网站,按如下图所示进入【控制台】。


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部