Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >小程序点击指定地址按钮直接打开地图导航

小程序点击指定地址按钮直接打开地图导航

作者头像
王小婷
发布于 2019-03-15 07:05:48
发布于 2019-03-15 07:05:48
2.4K00
代码可运行
举报
文章被收录于专栏:编程微刊编程微刊
运行总次数:0
代码可运行

昨天写的是获取当前所在的位置在地图上显示,在实际工作中,会有这样的业务需求,页面上回留下联系电话和联系地址,点击联系地址,会自动定位到联系地址中的位置,比如说,我们要去华侨城商业中心,直接点击链接,打开地图导航。

需要准备制定地址的经度和纬度地址即可。

wxml

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
 <view bindtap="getLocation">华侨城商业中心</view>

js

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
var app = getApp()
Page({
  data: {  
  },
 

  getLocation:function(){
    wx.getLocation({
      type: 'wgs84', 
      success: function (res) {
        wx.openLocation({//​使用微信内置地图查看位置。
          latitude: 31.0938140000,//要去的纬度-地址
          longitude: 121.5039390000,//要去的经度-地址
          name: "O'MALL华侨城商业中心",
          address: '华侨城商业中心'
        })
      }
    })
  },

  onLoad: function (options) {
  },

})

原文作者:祈澈姑娘 90后前端妹子,爱编程,爱运营,文艺与代码齐飞,魅力与智慧共存的程序媛一枚。 坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见,对于博客上面有不会的问题,可以加入qq技术交流群聊:649040560。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2019.03.10 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
小程序在获取当前位置信息在地图上显示
小程序在获取当前位置信息在地图上显示api:https://developers.weixin.qq.com/miniprogram/dev/api/wx.getLocation.html
王小婷
2019/03/15
2.1K0
小程序在获取当前位置信息在地图上显示
微信小程序地图与位置相关操作
map组件的两个属性longitude和latitude表示当前地图中心的经度和纬度,和当前用户所在位置的经度和纬度是不同概念,无直接关系。例如,某然在广东省东菀市,但是可以打开北京天安门为中心的一幅地图,map的longitude和latitude是用来控制地图中心的参数,并不是用户实时的地理位置。
别团等shy哥发育
2023/02/25
2.6K0
微信小程序地图与位置相关操作
小程序里显示店铺地址,可在地图上查看,可点击导航到店铺
因为小程序内置的是腾讯地图,所以你需要到腾讯地图上查询经纬度。 首先,你要明确一个事情,任何位置都有它的 经纬度 ,所以你首先要获取到你想定位位置的经纬度。
编程小石头
2021/03/15
1.3K0
小程序里显示店铺地址,可在地图上查看,可点击导航到店铺
小程序里显示店铺地址,可在地图上查看,可点击导航到店铺
首先,你要明确一个事情,任何位置都有它的 经纬度 ,所以你首先要获取到你想定位位置的经纬度。
编程小石头
2021/03/14
1.9K0
小程序里显示店铺地址,可在地图上查看,可点击导航到店铺
微信小程序结合腾讯地图获取用户所在城市信息
实现小程序进去后会获取用户当前所在城市,然后显示该城市的数据,并且显示在导航栏和 Tab上。
腾讯位置服务
2020/08/28
2K0
微信小程序定位权限怎么打开_怎么用微信定位朋友的位置
最近有客户提了一个需求,要求登陆考试系统的测评者记录下当时的位置。web形式的虽然可以通过IP来定位,但是IP太容易作假了,所以为了比较高的准确性,最后决定用微信小程序,虽然也有作假的可能,但比web形式要好一些。
全栈程序员站长
2022/11/01
20.2K0
微信小程序定位权限怎么打开_怎么用微信定位朋友的位置
小程序不能定位城市怎么办?
找到【开发文档】-【服务接口】-【web服务】-【地理解码】,可以实现通过经纬度返回城市信息;也可以通过城市信息返回经纬度。
用户1093975
2018/12/17
3.6K0
小程序不能定位城市怎么办?
微信小程序如何获取地理位置和进行地图导航
一.获取地理位置 由于小程序只提供了我们一个获取地理位置、速度的api,并没有获取的相关地位位置的信息等,我们利用百度地图的api来获取地位位置。 文档 1.申请ak 2.下载百度地图的api ,链
honey缘木鱼
2018/07/03
5K0
小程序的地理位置与地图功能实现
地理位置和地图功能在小程序开发中被广泛应用,例如外卖配送、打车服务、旅游导航、社交签到等。微信小程序提供了 wx.getLocation 和 wx.openLocation 等 API 获取用户位置,并支持 腾讯地图 或 高德地图 进行地图显示和交互。本文将详细介绍 小程序地理位置的获取、地图组件的使用、标记点和路线规划的实现,并结合示例代码进行分析。
LucianaiB
2025/01/29
4700
实战:在小程序中获取用户所在城市信息
最近在做自己的小程序《看啥好呢》,这个小程序是使用云开发的方式开发的,功能特别简单,就是获取豆瓣、大麦网的数据展示,虽然功能简单,但还是记录下开发过程和一些技术点,大约会有两篇博文产出,这是第一篇。GitHub地址
张张
2019/12/27
3K0
实战:在小程序中获取用户所在城市信息
【实战】在小程序中获取用户所在城市信息(附源码)
最近在做自己的小程序《看啥好呢》,这个小程序是使用云开发的方式开发的,功能特别简单,就是获取豆瓣、大麦网的数据展示,虽然功能简单,但还是记录下开发过程和一些技术点,大约会有两篇博文产出,这是第一篇。GitHub地址
张张
2019/12/23
1.6K0
【实战】在小程序中获取用户所在城市信息(附源码)
如何在小程序中使用地图
这篇文章中,我们将介绍小程序地图组件的使用,官方文档已经比较详细的介绍了map组件的使用,但是对于刚开始接触地图组件的同学,难免有些难以下手。本文将以Hello World为例对地图组件的使用列出一些demo,以方便后续开发。
百鬼夜行
2018/11/08
10.6K2
如何在小程序中使用地图
微信小程序地图实时定位_小程序获取当前位置定位信息
因为小程序更新了获取地理位置API接口,需要先在app.json中配置一下permission字段 ,不然会报微信小程序getLocation 需要在app.json中声明permission字段
全栈程序员站长
2022/11/10
4.4K0
微信小程序地图实时定位_小程序获取当前位置定位信息
小程序调出手机拨号功能
老规矩,先看api: https://developers.weixin.qq.com/miniprogram/dev/api/wx.makePhoneCall.html 这里的方法很简单
王小婷
2019/03/15
3.4K0
小程序调出手机拨号功能
微信小程序地图定位点不在视觉中心
后来通过wx.getLocation()获得自己的定位点的信息,在开发工具中打印经纬度,然后把数值赋值给data,发现还是不在视觉中心,而且此时的经纬度与百度地图给出的经纬度也有出入不一样...,这个怎么办....
天天_哥
2018/09/29
3K0
3分钟搞定微信小程序类美团用户商家距离计算
1.利用小程序的wx.getLocation 方法得到用户的经纬度,然后用已知的商家的经纬进行计算;
腾讯位置服务
2020/09/25
1.8K0
微信小程序----wx.openLocation(OBJECT) 使用微信内置地图查看位置
开发场景 已知地点的经纬度,期望在打开的地图进行标注位置和进行开车、徒步、公交、骑行等的路线规划! 效果图 实际应用体验 JS Page({ openLocation(){ wx.o
Rattenking
2021/02/01
2.5K0
微信小程序----wx.openLocation(OBJECT) 使用微信内置地图查看位置
杂谈小程序
需要判断设备,使用 wx.getSystemInfoSync(),获取设备信息,判断是否为 iPhoneX,设置一个全局变量(APP 实例下面)进行存储。根据是否为 iPhone X设置不同的样式即可。
GopalFeng
2020/09/24
4170
杂谈小程序
原生小程序开发注意事项总结
这里很多开发者喜欢使用RGB或者十六进制的值进行表示颜色,别的属性可以,上面两个不行
何处锦绣不灰堆
2022/06/01
5880
Net微信网页开发之使用微信JS-SDK获取当前地理位置
  前段时间有一个关于通过获取用户当前经纬度坐标,计算出该用户距离某指定地点之间的距离。因为做这个项目需要能够获取到比较精确的经纬度坐标,刚开始使用的是百度地图结果发现百度地图地位不太准确(有时候相差的比较的大,后来了解到了百度获取用户经纬度与用户当前使用的网络有很大的关系),后来换成了高德地图结果还是一样。最后我想刚好做的是个微信网站项目,为什么不使用微信自带接口呢?所以最后使用了微信JS-SDK来获取用户当前地理位置的接口。
追逐时光者
2019/08/28
5.3K0
Net微信网页开发之使用微信JS-SDK获取当前地理位置
推荐阅读
相关推荐
小程序在获取当前位置信息在地图上显示
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验