小程序在获取当前位置信息在地图上显示

简介: 小程序在获取当前位置信息在地图上显示

小程序在获取当前位置信息在地图上显示api:https://developers.weixin.qq.com/miniprogram/dev/api/wx.getLocation.html

主要方法:

wx.getLocation({
  type: 'wgs84',
  success(res) {
    const latitude = res.latitude
    const longitude = res.longitude
  }
})

这一步的时候,会出现在这样的提示:

所以要进入app.json配置以下

配置授权信息的代码

{
  "pages": ["pages/index/index"],
  "permission": {
    "scope.userLocation": {
      "desc": "你的位置信息将用于小程序位置接口的效果展示"
    }
  }
}

OK,具体代码也贴一下:

index.wxml

<view bindtap="getLocation">获取当前位置信息</view>

index.js

var app = getApp()
Page({
  data: {  
  },
  onLoad: function (options) {
  },
  getLocation:function(){
    wx.getLocation({
      type: 'wgs84',
      success(res) {
        const latitude = res.latitude
        const longitude = res.longitude
        wx.openLocation({
          latitude:latitude,
          longitude:longitude,
        })
      }
    })
  },
})
相关文章
|
2月前
|
小程序 定位技术 API
【社区每周】小程序码支持沙箱调试;开发文档新增产品地图(1月第二期)
【社区每周】小程序码支持沙箱调试;开发文档新增产品地图(1月第二期)
28 0
|
5月前
|
移动开发 小程序 JavaScript
小程序中加载html5地图界面链接
小程序中加载html5地图界面链接
58 0
|
6月前
|
小程序 NoSQL JavaScript
【易售小程序项目】”我的“界面实现+“信息修改“界面实现+登出账号实现+图片上传组件【基于若依管理系统开发】
【易售小程序项目】”我的“界面实现+“信息修改“界面实现+登出账号实现+图片上传组件【基于若依管理系统开发】
58 0
|
8天前
|
小程序 JavaScript Java
基于SpringBoot+Vue+uniapp微信小程序的学生公寓电费信息的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的学生公寓电费信息的详细设计和实现
32 1
|
1月前
|
存储 移动开发 小程序
利用微搭搭建信息查询小程序
利用微搭搭建信息查询小程序
|
6月前
|
消息中间件 存储 XML
【易售小程序项目】私聊功能后端实现 (买家、卖家 沟通商品信息)【后端基于若依管理系统开发】
【易售小程序项目】私聊功能后端实现 (买家、卖家 沟通商品信息)【后端基于若依管理系统开发】
71 0
|
2月前
|
小程序 开发者
移动端修改小程序基础信息
移动端修改小程序基础信息
25 0
|
3月前
|
小程序
微信小程序实现一个电影信息查询的应用程序
微信小程序实现一个电影信息查询的应用程序
|
3月前
|
小程序 定位技术 API
微信小程序实现地图功能(腾讯地图)
微信小程序实现地图功能(腾讯地图)
|
4月前
|
小程序 定位技术 API
微信小程序引入地图
微信小程序引入地图
81 0