微信小程序 内置地图及打开外部地图导航

这篇具有很好参考价值的文章主要介绍了微信小程序 内置地图及打开外部地图导航。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

1. 微信小程序 内置地图及打开外部地图导航

1.1 说明

  用户点击通过目的地经纬度打开地图展示坐标点,然后可以选择外部安装的地图app进行导航搜索。
   scale=“4” 缩放比例,缩放级别,取值范围为3-20。

1.2. wxml代码

<button type="default" bindtap="openMapClick">打开地图</button>

1.3. js代

  /**
   * 打开地图
   */
  openMapClick: function () {
    wx.getLocation({
      type: 'gcj02', // 默认为 wgs84 返回 gps 坐标,gcj02 返回可用于 wx.openLocation 的坐标
      success: function (res) {
        wx.openLocation({
          latitude: res.latitude, // 纬度,范围为-90~90,负数表示南纬
          longitude: res.longitude, // 经度,范围为-180~180,负数表示西经
          scale: 28, // 缩放比例          
        })
      }
    })
  }
})

1.4. 效果图

小程序打开地图并支持外部app打开,微信小程序,微信小程序
小程序打开地图并支持外部app打开,微信小程序,微信小程序
小程序打开地图并支持外部app打开,微信小程序,微信小程序文章来源地址https://www.toymoban.com/news/detail-775689.html

到了这里,关于微信小程序 内置地图及打开外部地图导航的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 微信小程序打开外部页面

    1.通过微信的webview实现在小程序页面显示外部链接 2.webview就相当于一个容器,用于承载外部链接的页面 首先在app.json文件的page里加入一个页面\\\"pages/webview/webview\\\",页面名字可以自定义 ctrl+s保存,微信开发者工具会生成对应页面的一些配置 接下来在webview.wxml文件里加入 如图

    2024年02月12日
    浏览(36)
  • 微信小程序内添加腾讯地图 导航

    1、微信小程序---》设置---》第三方设置-----》插件管理----》添加插件  如果搜索不到 腾讯位置服务路线规划插件,可搜索如下地址直接添加 腾讯位置服务路线规划 | 小程序插件 | 微信公众平台 问题:提示添加失败 项目主体不符的,可以通过  服务---》微信服务市场--》搜索

    2024年02月09日
    浏览(51)
  • 微信小程序:简单实现地图导航功能实现

    里面的小图片需要自己找,真机调试时,点击导航即可进入地图,可导航,规划路线… 效果图 代码: wxml js wxss

    2024年02月11日
    浏览(34)
  • 微信小程序 - 最新打开地图选择位置功能,支持定位附近位置、搜索全国位置及地图标点位置、检索周边位置,可移动选点标记位置(点击选择位置后,获取位置精确详细地址及名称,拿到经纬度等信息)

    网上的教程都太乱了,各种老文章乱七八糟无法采用。 本文 实现了微信小程序开发中,打开腾讯内置地图进行自动定位,可选择附近位置及搜索位置等,获取到所选位置的详细地址名称及经纬度等信息。 您可以直接复制示例代码,稍微改改样式就能用了。 如下图真机所示,

    2024年02月15日
    浏览(40)
  • 微信小程序中打开内置浏览器的方法

    因为微信小程序本身是不推荐引流到外部的,所以正规的方法其实都是被禁止掉的。 1.wx.openUrl可直接打开内置浏览器页面 (2021年时可以使用,现在已被禁用) 2.通过原生按钮跳转到小程序客服,客服发送链接卡片,通过卡片的链接进入。 3.跳转到公众号文章,文章底部的查

    2024年02月11日
    浏览(57)
  • 微信小程序通过Webview打开外部网站

    微信小程序是支持访问第三方网站,但前提是第三方网站得允许访问,因此要在第三方网站的根目录下添加“业务域名” 登陆小程序后台,找到开发设置,添加要访问的第三方网站 先配置校验文件到第三方网站根目录下  再添加验证。 这个时候,就可以在小程序内通过web

    2024年02月11日
    浏览(32)
  • Uniapp,vue拉起地图导航(微信小程序)

    wx.getLocation()方法 这个方法需要在首页调用一下 还需要再 app.json 里面加入 不然上线的时候审核不过 然后在你点击拉起按钮方法里面写入这个wx.openLocation()方法 切记里面的经纬度需要转成数字( Number 类型)例如: 按钮 方法 Markdown 图标 快捷键 撤销 Ctrl /⌘+Z 重做 Ctrl /⌘+Y 加

    2024年02月10日
    浏览(35)
  • 微信小程序打开地图的方法

    1、打开内置地图 在地图上显示指定位置的标记点,并且支持调用内置地图进行导航;打开地图后点击右下角导航图标会弹出选项弹窗,让用户选择使用哪一个地图应用程序进行导航; 2、使用 map 组件 这个方式在真机上有效,可以直接弹出一个弹窗,选择app之后如果手机下载

    2024年02月15日
    浏览(49)
  • 如何为微信小程序添加定位导航和地图标注功能

    为微信小程序添加定位导航和地图标注功能 微信小程序的开发中,与地图有关的功能在一些实际应用中显得尤为重要。本文将通过实现定位导航和地图标注两个功能,帮助大家更好的理解微信小程序中与地图相关的开发技术。 一、定位导航功能的实现 获取用户地理位置信息

    2024年02月03日
    浏览(41)
  • 微信小程序之绘制多个marker以及调用手机地图软件导航

    此文章是为了说明使用微信小程序在腾讯地图上绘制多个marker地图点;然后点击某一个marker进行导航的信息;具体的功能演示如下: 一、功能演示 二、前端布局代码 view style=\\\"display: flex;flex-direction: column;\\\" //地图的布局文件信息   map class=\\\"mapUI\\\" id=\\\"myMap\\\" scale=\\\"13\\\" bindmarke

    2024年02月06日
    浏览(38)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包