uniapp 微信小程序地图,在高德app、腾讯app、百度app、苹果地图app 中打开

本文介绍如何在uniapp小程序中实现点击地图插件唤起不同地图APP的效果,包括微信小程序、高德地图、腾讯地图和百度地图。通过<map>组件配置,详细讲解了各平台的地图使用注意事项,包括坐标类型、地图服务后台设置和API选择,强调了在App端使用高德地图的推荐性。
摘要由CSDN通过智能技术生成

一、效果:

点击图片一后,会跳转到图片二页面(无需自己写图片二页面,小程序会自动打开此页面)

PS:示例图中(坐标)为“天安门"。( <map> 可添加多个坐标点 )

  • 方法一:点击uniapp中的<map>插件唤醒地图
  • 方法二:可以点击<view>、<button>等标签也可以唤醒地图

(图片一)

(图片二):

         

  • 点击(上面图片一)后,会自动打开(图片二中)左边的图片 
  • 点击(图片二左边图片)右下角绿色icon,会出现底部打开地图app选项弹窗(图片二右边图片)。选择app后,会自动打开对应app软件,如没有下载,则显示下载app的页面。

二、实现方法:

html:

<!-- 方法一:点击小程序map地图插件跳转到app中打开 -->
<map @c
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值