微信小程序实现打开内置地图功能【附源码下载】
本文实例讲述了微信小程序实现打开内置地图功能。分享给大家供大家参考，具体如下：
1、效果展示
2、关键代码
index.wxml布局文件代码
<button type="default" bindtap="openMap">打开地图</button>
index.js逻辑文件代码
Page({
openMap:function(){
wx.getLocation({
type: 'gcj02', // 默认为 wgs84 返回 gps 坐标，gcj02 返回可用于 wx.openLocation 的坐标
success: function(res){
// success
wx.openLocation({
latitude: res.latitude, // 纬度，范围为-90~90，负数表示南纬
longitude: res.longitude, // 经度，范围为-180~180，负数表示西经
scale: 28, // 缩放比例
})
}
})
}
})
这里bindtap="openMap"绑定的openMap函数中调用wx.openLocation函数获取本机经纬度信息。
更多关于wx.openLocation函数详细介绍可参考官网 https://mp.weixin.qq.com/debug/wxadoc/dev/api/location.html
3、源代码点击此处本站下载。
希望本文所述对大家微信小程序开发有所帮助。
-
本文向大家介绍微信小程序实现天气预报功能(附源码)，包括了微信小程序实现天气预报功能(附源码)的使用技巧和注意事项，需要的朋友参考一下 前言 最近在学小程序开发,刚好学到天气预报功能的制作,于是给大家分享下。 效果图 天气API获取 这里我用的是和风天气的API，打开官网注册或者登陆你的账号 进入控制台,新建应用 这是刚刚我们创建好的应用，点击添加KEY 选择WebAPI 这注册好我们的A
-
本文向大家介绍微信小程序使用progress组件实现显示进度功能【附源码下载】，包括了微信小程序使用progress组件实现显示进度功能【附源码下载】的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了微信小程序使用progress组件实现显示进度功能。分享给大家供大家参考，具体如下： 1、效果展示 2、关键代码 index.wxml progress组件属性说明如下： 感兴趣的朋友可以逐一尝
-
本文向大家介绍微信小程序实现点击按钮修改文字大小功能【附demo源码下载】，包括了微信小程序实现点击按钮修改文字大小功能【附demo源码下载】的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了微信小程序实现点击按钮修改文字大小功能。分享给大家供大家参考，具体如下： 1、效果展示 2、关键代码 index.wxml文件 index.js文件 和前面的文章相似，这里的事件响应函数中使用了this
-
本文向大家介绍微信小程序实现图片上传功能，包括了微信小程序实现图片上传功能的使用技巧和注意事项，需要的朋友参考一下 本文实例为大家分享了微信小程序实现图片上传功能的具体代码，供大家参考，具体内容如下 前端：微信开发者工具 后端：.Net 服务器：阿里云 这里介绍微信小程序如何实现上传图片到自己的服务器上 前端代码 后端上传代码(将文件上传到服务器临时文件夹内) 设置配置文件上传文件对应的文件夹信息
-
本文向大家介绍微信小程序实现点击按钮修改字体颜色功能【附demo源码下载】，包括了微信小程序实现点击按钮修改字体颜色功能【附demo源码下载】的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了微信小程序实现点击按钮修改字体颜色功能。分享给大家供大家参考，具体如下： 1、效果展示 2、关键代码 index.wxml文件 这里使用bindtap="bindtap{{index}}"绑定事件动态修
-
本文向大家介绍微信小程序上传图片功能（附后端代码），包括了微信小程序上传图片功能（附后端代码）的使用技巧和注意事项，需要的朋友参考一下 几乎每个程序都需要用到图片，在小程序中我们可以通过image组件显示图片。 当然小程序也是可以上传图片的，微信小程序文档也写的很清楚。 上传图片 首先选择图片 通过wx.chooseImage(OBJECT)实现 官方示例代码 图片最多可以选择9张, 也可以通过拍