uniapp的H5使用地图注意点、地图key申请

        最近用uniapp开发H5有用到了地图,记录下使用地图需要注意的点。

        在H5 端使用地图和定位相关,需要在 manifest.json 内配置腾讯或谷歌等三方地图服务商申请的秘钥(key),高德地图需要额外配置 securityJsCode 或 serviceHost。配置了地图的key才能在H5中正常使用地图,否则会报 Map key is not configures。

        H5 端获取定位信息,需要部署在 https 服务上,本地预览(localhost)仍然可以使用 http 协议。

地图key申请,这里以腾讯地图为例:

        1、进入申请地址:腾讯位置服务 - 立足生态,连接未来

        2、注册登陆后,点击右上角的“控制台”

        3、在控制台的左侧找到“应用管理”——“我的应用”

        4、添加应用,在应用上添加key

        腾讯一个账号是可以申请5个key,每天免费的量也有限制。

        高德地图的key申请及使用可以参照高德地图文档:高德地图使用文档

猜你喜欢

转载自blog.csdn.net/m0_60312580/article/details/132057205