1***@qq.com
1***@qq.com
  • 发布:2023-06-19 14:06
  • 更新:2023-11-29 16:53
  • 阅读:456

uniapp vue3-cli 项目使用 腾讯地图api 功能不生效 <map></map> 标签显示灰色

分类:uni-app

产品分类: uniapp/H5

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: Windows 10 专业版

浏览器平台: Chrome

浏览器版本: 版本 114.0.5735.134(正式版本)

项目创建方式: CLI

CLI版本号: vue3 官网gitee 地址下载

示例代码:

<map style="height:300px;width:300px"></map>

操作步骤:

问题一
1.下载uniapp 官网 vue3-cli 的工程
2.在工程中添加 <map></map> 查看样式 地图灰色
问题二
定位 获取 位置坐标等 api失败


注意**** vue3-cli 工程

预期结果:

地图可正常展示
定位 坐标 等 api 可正常使用

实际结果:

地图不展示
定位api 不生效

bug描述:

1.在官网下载vue3-cli工程,工程内使用 <map></map> 标签,在工程中地图展示为灰色

2.工程已经 配置正常的腾讯地图key资源 ( 此资源 在uniapp vue2 中可以正常展示 )
3.在工程中 定位 获取位置坐标等 api 也不生效
vue3-cli !!!!!!!!!!!!!!!!!!!!!

2023-06-19 14:06 负责人:无 分享
已邀请:
YUANRJ

YUANRJ

我这边测试是可以的,是否有报错信息?

MoreBetter

MoreBetter

this._mapContext.moveToLocation({  
    longitude: Number(addressInfo.longitude),  
    latitude: Number(addressInfo.latitude)  
});

要回复问题请先登录注册