uni-app中h5平台使用uni.openLocation打开内置地图无反应

uni-app中h5平台使用uni.openLocation打开内置地图无反应

开发环境 版本号 项目创建方式
Windows win10教育版 1909 HBuilderX 
产品分类：uniapp/App

PC开发环境操作系统：Windows

HBuilderX类型：正式

HBuilderX版本号：3.1.21

手机系统：Android

手机系统版本号：Android 11

手机厂商：华为

手机机型：18398794488

页面类型：vue

打包方式：云端

App下载地址或H5网址：[23](//ask.dcloud.net.cn/23)

### 示例代码：

```text
h5 使用 uni.openLocation打开内置地图 没反应

操作步骤：

h5 使用 uni.openLocation打开内置地图 没反应

预期结果：

h5 使用 uni.openLocation打开内置地图 没反应

实际结果：

h5 使用 uni.openLocation打开内置地图 没反应

bug描述：

h5 使用 uni.openLocation打开内置地图 没反应

更多关于uni-app中h5平台使用uni.openLocation打开内置地图无反应的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于uni-app中h5平台使用uni.openLocation打开内置地图无反应的实战教程也可以访问 https://www.itying.com/category-93-b0.html


在H5平台，uni.openLocation 无法直接打开内置地图，因为H5环境没有原生地图组件支持。该API在H5中仅能生成一个地图URL，需要用户手动点击链接或通过window.open跳转。

解决方案：

  1. 使用条件编译，在H5平台通过window.open打开地图URL：
// #ifdef H5
window.open(`https://maps.google.com/?q=${latitude},${longitude}`)
// #endif
回到顶部