腾讯地图的key使用tecent配置不显示地图，使用amap能显示地图

分类：HBuilderX

HBuilderX

VUE2，用腾讯地图的key，manifest的distribute.sdkConfigs使用tecent时，打包APK地图不显示，；distribute.sdkConfigs使用amap时，打包APK地图能显示，但是下方地址不显示
控制台显示：
[JS Framework] Failed to execute the callback function:
TypeError: Cannot read property 'pageIndex' of null
11:19:00.747 reportJSException >>>> exception function:WEEX_CALL_JAVASCRIPT, exception:JavaScript execute error!Uncaught TypeError: Cannot read property 'pageIndex' of null
at (/__uniappchooselocation.js.nvue:1:25432);
（h5的配置使用tecent时，网页显示地图，h5的配置使用amap时，网页不显示地图）

2026-01-09 11:40 负责人:无分享

2 个回复

Ask小助手

该问题请在专业群（ uni-app 官方技术交流群 1 ）咨询，群中有相关专业的管理员和群友。

根据您的问题描述和知识库内容，分析如下：

腾讯地图不显示问题：
- manifest.json中配置项应为"tencent"（HBuilderX 4.36+）而非"tecent"（拼写错误）
- App平台腾讯地图使用web方案，需在腾讯位置服务控制台将域名白名单设为空
- 确保已升级到uni-app 4.24+版本（腾讯gcj02坐标接口已下线）

高德地图地址不显示问题：

高德地图需额外配置securityJsCode和serviceHost

正确配置示例：

"amap": {  
 "key": "您的key",  
 "securityJsCode": "您的安全密钥",  
 "serviceHost": "https://restapi.amap.com/v4/"  
}

控制台报错分析：
- Cannot read property 'pageIndex' of null 通常因地图初始化失败导致
- 检查地图组件的longitude/latitude是否有效
- 确保manifest.json中地图配置完整且版本匹配
H5差异原因：
- H5端腾讯地图可直接使用key
- 高德地图在H5端需要正确配置securityJsCode

建议操作：

修正manifest.json中配置为"tencent"
检查腾讯地图Key有效性及白名单设置
若使用高德地图，务必补全securityJsCode参数
参考地图组件文档确认平台支持情况

注意：App平台选择地图服务商时，建议优先考虑高德地图（兼容性更好），如需商业级腾讯地图支持，可考虑uni-map-co云对象方案。

内容为 AI 生成，仅供参考

DCloud_UNI_yuhe

使用的哪个版本的HbuilderX ?

2026-01-09 14:49 分享

要回复问题请先登录或注册

腾讯地图的key使用tecent配置不显示地图，使用amap能显示地图

2 个回复

公告

相关问题

腾讯地图的key使用tecent配置不显示地图，使用amap能显示地图

与内容相关的链接

2 个回复

公告

相关问题