var QQMapWX = require('qqmap-wx-jssdk') var qqmapsdk = new QQMapWX({ key: '填写你的key' // 必填 }) wx.getLocation({ type: 'wgs84', success (res) { console.log('纬度', res.latitude, '经度', res.longitude) wx.setStorageSync('latitude', res.latitude) wx.setStorag

最近在做一个微信小程序地图插件,通过传入起始位置名称和经纬度信息,就可以跳转到路线规划插件页面中,在该页面中,可以根据起始位置查询自驾,公共交通,步行等方式的路线信息,并且在地图上显示路线信息,在这个过程中,用到了微信小程序的组件map和腾讯地图sdk,接下来主要对微信小程序的地图开发进行总结 一.微信小程序地图组件 为了方便微信小程序使用地图的相关功能,微信小程序为我们提供了map组件,通过这个组件,我们可以很简单的引入地图,并且还可以进行个性化地图的开发 1.map组件 微信小程序提供的地图

如何在微信小程序地图添加上,添加图片? 在微信小程序中,地图的层级最高,所以我们没有办法,通过定位,在地图上添加图片等信息; 处理办法: 添加控件:controls; 其中有个属性position,进行定位,如何让他居中? 微信小程序有个方法 wx.getSystemInfo,可以获取当前屏幕的宽度和高度,这样就可以让图片完全适应格式手机型号大小了!

微信小程序-form表单-获取用户输入文本框的值 <input name='formnickname' class="textarea" placeholder="{{geren.nickname}}" value='{{geren.nickname}}' bindinput="nickname" maxlength='15' auto-height/> // 获取昵称 nickname: function(e) { this.set

前端同事在做微信小程序时发现IOS获取的时间戳为空的问题,后来通过跟踪发现,原来是因为IOS系统不支持2017-01-01格式的时间导致的, var mydata = '2017-01-01 11:00:00'; console.log("返回时间:" + mydata);var time = Date.parse(new Date(mydata)) / 1000; 这样的代码安卓手机开发手机测试都没有问题,唯独IOS获取的日期为NaN,若干次百度调试后发现,原来IOS只识别2017/

场景:根据地理定位获取不同地区的充电桩位置,要求 1.平移的时候,跟随坐标变化展示不同区域的坐标点信息 2.不同的缩放等级,14以下,展示聚合点数据,14以上,展示真正的站点信息: 3.点击聚合点的时候,当前地图会放大,直到缩放等级大于14为止,最终的结果是展示真正的站点信息而不是聚合点 实现原理: map组件提供了bindregionchange函数,可以监听视野变化,目前测试下来(不知道还有没有别的),能够引起视野变化的有: 1.改变经纬度 2.改变缩放等级 因此,利用这两点,可以达到我们的

1.微信小程序提供了几个方式,引入地图, wx.getLocation(OBJECT) 获取当前的地理位置.速度.当用户离开小程序后,此接口无法调用:当用户点击“显示在聊天顶部”时,此接口可继续调用 wx.chooseLocation(OBJECT) 打开地图选择位置. wx.openLocation(OBJECT) ​使用微信内置地图查看位置. 2.如果想解析地址的话,微信小程序没有提供地址解析,所以必须引入地图插件,看了高德.百度和腾讯的地图,发现腾讯地图对小程序,支持的功能多,最方便. 3

解决方案: 如果用百度的地图获取的坐标点,在微信小程序内使用,就会出现偏移 算法(lat和lng是经纬度,球面坐标): To_B是转到百度,To_G是转到GCJ-02(谷歌,高德,腾讯) var TO_BLNG = function(lng){return lng+0.0065;}; var TO_BLAT = function(lat){return lat+0.0060;}; var TO_GLNG = function(lng){return lng-0.0065;}; var TO_GL

小程序官方的 map地图说明文档已经非常详细了,但是鉴于如果没有一个合适的使用场景,对于刚接触 map 的初级开发,看着这些繁杂又贼多的属性名和字段,外加急切的开发需求,晕头转向是不可避免的了.接下来我会将自己在项目中对 map 的一些使用做一个总结,希望能帮助到正在开发的你. 请粗略的浏览下这两篇介绍文档,确保下面的内容看起来更通俗易懂 小程序官方地图 map 文档参考 小程序官方地图 map 相关 API (地图组件控制)参考 小程序不支持直接获取到定位的地点信息,返回的是当前位置的经纬度,

微信小程序的地图模块官方提供的API比较少,详情请见   官方文档 以下为一个示例                               <!--pages/location/location.wxml--> <view class="container"> <view class="page-body"> <view class="page-section page-section-gap">

今天在做微信小程序的时候遇到这个这样的问题  需要在地图上加个一个自定义的图标控件 类似这样的 刚开始的时候怎图片一直会被地图组件覆盖  ,要怎么解决这个问题  我去翻了下小程序的文档 有个cover-view以及cover-image组件是可以覆盖在map组件之上  只要把view换成 cover-view就解决啦 希望对各位开发的同学有帮助 参考地址:https://developers.weixin.qq.com/miniprogram/dev/component/cover-view.h

一.功能描述 openId是某个微信账户对应某个小程序或者公众号的唯一标识,但openId必须经过后台解密才能获取(之前实现过前台解密,可是由于微信小程序的种种限制,前台解密无法在小程序发布后使用) 二.实现流程 1. 获取微信用户的登录信息: 2. 将encryptedData中的数据作为参数传给java后台 3. java后台进行解密 三.代码实现 1. 后台的解密代码 /** * decoding encrypted data to get openid * * @param iv * @

前段时间开发了一款微信小程序,运行了也几个月了,在index.js中的onLoad生命周期里获取app.js中onLaunch生命周期中在接口里动态设置的globalData一直没有问题,结果昨天就获取不到动态设置的global数据了.因为我要获取小程序的unionid以及通过unionid去获取微信的openId,并且共享数据,最开始我是通过storage来做数据共享的,后来测试发现storage存在莫名被清空的情况,后来转用globalData来做数据共享,查了下,是因为app.js中的on

微信小程序中,for 循环的 index(索引值)可以用wx:for-index="index"来获取. <view class="item" wx:for="{{array}}" wx:key="*this" wx:for-index="arryIndex"> <button size="mini" bindtap="completeEventItem&qu

微信小程序开发文档链接 1 后台代码: clickButton:function(){ var that = this; wx.request({ url: 'http://localhost:9096/admin.php/index/jj', method : 'POST', header: { 'content-type': 'application/x-www-form-urlencoded' }, data : {}, success: function (res) { //consol

一:如何标点问题 地图模块需要用标点:官网API里面的wx.createMapContext(mapId, this)接口,且用官网Demo,小程序运行报错此时需要在wxml里面给map标签添加属性markers="{{markers}}",且在js里面定义markers对应的id值,才可进行标点:另外如果想要多点标记的话应采用官网组件里面的map组件,使用map标签添加属性markers="{{markers}}",且在js里面定义markers,还可自定义标点图

准备工作: 微信关注需要下载编译包的小程序,然后点进去看一下,微信就会自动下载相应的编译包到手机上了. 获取小程序编译包: 据说root手机可以直接在手机的文件管理中查找wxapkg文件,自己尝试了下,魅族手机已root , 无法通过搜索查找到,对应的文件夹路径也找不到相关文件,所以这里就采用比较通用的方法来获取了. 大部分智能手机都有备份功能,这样就可以在手机重装系统或恢复出厂设置之后快速恢复手机应用和数据.对的,就是这个手机备份功能,当你对一个应用进行备份的时候,除了应用本身,应用的数据也会

首先说一下,我微信自带map的api中并没有相关接口可调用.文中的方法建立于高德地图.(顺便吐槽,微信开发文档相比支付宝家的显得好烂!) 最近做项目用到地图定位相关的需求,为了搞定需求看了下相关的文档.最后选择高德地图小程序api,腾讯.百度地图应该也可以并且相似但是我没有深入研究. 首先看到的是逆地理编码的api,看到注释不免小小的兴奋了一下. 但是看到了api,瞬间感觉不和谐,指定位置在哪呢?怎么传入经纬度? 最后研究高德插件的js文件的方法,提取出了相关方法: AMapWX.prototy

主要内容在标题三,老手可直接跳到标题三. 本文主要解决个人开发者模板消息发送的问题(没有服务器,不能操作服务器的情况) 针对api.weinxin.qq.com不在以下合法域名列表内的问题提出的解决方案 一.入门 按照以下网址教程注册一个小程序账号,安装开发工具等一并安装完成. https://mp.weixin.qq.com/debug/wxadoc/dev/index.html?t=201828 将上图中的appid和appSecret,复制保存下来,appid可以每次登陆上述网页查看,但a

我们一般都是先获取到微信的 unionid,然后再通过 unionid 去登录自己的网站,就可以关联到用户在自己网站上的 user_id,但是在小程序登录中,有时候可以获取到 unionid,有时候获取不到,在获取不到 unionid 的情况下,用户无法正常登录网站.   UnionID机制说明: 如果开发者拥有多个移动应用.网站应用.和公众帐号(包括小程序),可通过 unionid 来区分用户的唯一性,因为只要是同一个微信开放平台帐号下的移动应用.网站应用和公众帐号(包括小程序),用户的 un

(1)代码:主要介绍下获取用户信息部分 onLaunch: function () { // 展示本地存储能力 var logs = wx.getStorageSync('logs') || [] logs.unshift(Date.now()) wx.setStorageSync('logs', logs) // 登录 wx.login({ success: res => { // 发送 res.code 到后台换取 openId, sessionKey, unionId } }) // 获取