<map></map>
e***@qq.com
- 发布：2022-10-31 21:18
- 更新：2022-10-31 21:47
- 阅读：431
产品分类： uniapp/H5
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win10 19043.1889
HBuilderX类型： 正式
HBuilderX版本号： 3.6.4
浏览器平台： Edge
浏览器版本： 97.0.1072.69
项目创建方式： HBuilderX
示例代码：
操作步骤：
-
新建 uniapp 项目，选择默认模板，vue 版本选择 3。
-
配置高德地图 key 和 securityJsCode
-
页面加入 map 组件
<map></map>
-
新建 uniapp 项目，选择默认模板，vue 版本选择 3。
-
配置高德地图 key 和 securityJsCode
-
页面加入 map 组件
<map></map>预期结果：
高德地图正常显示。
高德地图正常显示。
实际结果：
高德地图白屏，地图内容不能正常显示。
高德地图白屏，地图内容不能正常显示。
bug描述：
vue3 项目的 map 组件在 H5 模式下白屏。附件图 1 为 vue3 版 map 显示异常，图 2 为 vue2 版 map，显示正常。
e***@qq.com (作者)
感谢，的确可以了
2022-11-01 00:52