mpvue 打开手机安装的地图软件进行导航

原创于 2019-06-25 09:47:24 发布 · 1.1k 阅读

1 ·

CC 4.0 BY-SA版权

vue 专栏收录该内容

15 篇文章

订阅专栏

本文详细介绍如何使用小程序内置的wx.openLocation API实现一键导航功能。通过示例代码展示如何设置经度、纬度、缩放比例、地点名称及地址等参数，使用户能够选择手机上的地图应用进行导航。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、说明：

小程序打开手机手机地图导航这个功能，小程序已经提供了相关的api，wx.openLocation(Object object)可实现改功能

二、示例

（1）、新增一个导航按钮

 <i-button type="primary"
              @click="navigation">导航</i-button>

（2）、按鈕添加点击事件，进入导航页面

  navigation () {
      wx.openLocation({
        longitude: 113.324520,
        latitude: 23.099994,
        scale: 18,
        name: '111111111',
        address: '111111111'
      })
    }

三、点击按钮会进入导航页面

四、点击去这里便可选择手机上安装的地图导航软件，如百度地图和高德地图