开发者社区> 暖枫无敌> 正文

微信小程序开发相关记录(2017.07.23)

简介: 1、获取位置的API 这里是获取到位置,并且打开地图定位到手机当前的经纬度坐标处 wx.getLocation({ type: 'gcj02', //返回可以用于wx.
+关注继续查看

1、获取位置的API


这里是获取到位置,并且打开地图定位到手机当前的经纬度坐标处

wx.getLocation({
  type: 'gcj02', //返回可以用于wx.openLocation的经纬度
  success: function(res) {
    var latitude = res.latitude
    var longitude = res.longitude
    wx.openLocation({
      latitude: latitude,
      longitude: longitude,
      scale: 28
    })
  }
})

2、发起网络请求的API


const requestTask = wx.request({
  url: 'test.php', //仅为示例,并非真实的接口地址
  data: {
     x: '' ,
     y: ''
  },
  header: {
      'content-type': 'application/json'
  },
  success: function(res) {
    console.log(res.data)
  }
})

requestTask.abort() // 取消请求任务


3、根据经纬度坐标获取城市信息的接口地址(百度API):

http://api.map.baidu.com/geocoder/v2/?ak=百度API Key&location=32.12,120.5&output=json


4、根据城市名称获取天气信息的接口地址:

http://wthrcdn.etouch.cn/weather_mini?city=合肥



5、页面js方法调用,在微信API方法内调用另一个方法,要首先获取到当前的页面,如下图所示:

var page = this;


6、获取返回的Json值后,可以在页面中直接.出对应节点的值,如下图所示:

首先创建数组



7、使用模板API,定义与引用




创建模板



8、利用循环获取模板并展示


版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
lagou 爪哇 1-3 spring mvc 笔记
作业一: 手写MVC框架基础上增加如下功能 1)定义注解@Security(有value属性,接收String数组),该注解用于添加在Controller类或者Handler方法上,表明哪些用户拥有访问该Handler方法的权限(注解配置用户名) 2)访问Handler时,用户名直接以参数名username紧跟在请求的url后面即可,比如http://localhost:8080/demo/handle01?username=zhangsan
6 0
SringMVC框架入门
SringMVC框架入门
7 0
Vite 与 Vue Cli 对比 - 尤雨溪: Vite 会取代 vue-cli 吗?
尤雨溪在发布 Vite 之后写了一条推,感觉不会在用 webpack 了(Vue-cli 基于 Webpack 开发,并配置了 Webpack 打包规则),Sean 是 Webpack 核心开发者,会一些中文,在尤大这条下面直接感叹。Vue-cli 一直是 Vue 2 默认官方脚手架工具,Vue-cli 基于 Webpack 开发。Vue 3 发布后,尤大同时发布了 Vite ,那么 Vue 3 同时有两个前端打包工具 Vite 和 Vue CLI,那么他们俩应该怎么选呢?
9 0
Gitlab----Pipline流水线语法tags、allow_failure、when、timeout、retry、parallel
Gitlab----Pipline流水线语法tags、allow_failure、when、timeout、retry、parallel
7 0
lagou 爪哇 1-4 spring boot 笔记
课堂笔记 起步依赖 + 自动配置 在开发过程中,通常会对一段业务代码不断地修改测试,在修改之后往往需要重启服务,有些服务需要加载很久才能启动成功,这种不必要的重复操作极大的降低了程序开发效率。为此,Spring Boot框架专门提供了进行热部署的依赖启动器,用于进行项目热部署,而无需手动重启项目 对测试的支持 <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-test</artifactId> <scope>test</scope> </dependency>
7 0
iOS-底层原理 33:内存管理(三)AutoReleasePool & NSRunLoop 底层分析
iOS-底层原理 33:内存管理(三)AutoReleasePool & NSRunLoop 底层分析
9 0
【JavaSE基础】包装类全解析以及使用(详解装箱与拆箱)
今天为大家讲解包装类的由来和使用知识,以及它的自动装箱和拆箱。文章将以常用Integer来讲解,同时会讲解Integer的特点。看完这篇保证你收获满满
6 0
1. Spring 简介 + Hello World
Spring 框架简介 在 Java 近20年的历史中,它经历过很好的时代,也经历过饱受诟病的时代。尽管有很多粗糙的地方,如 applet、企业级JavaBean(Enterprise JavaBean,EJB)、Java 数据对象(Java Data Object,JDO)以及无数的日志框架,但是作为一个平台,Java的历史是丰富多彩的,有很多的企业级软件都是基于这个平台构建的。Spring是Java历史中很重要的组成部分。
9 0
SpringBoot入门整合 上手 简单易解
SpringBoot入门整合 上手 简单易解
11 0
【蓝桥真题1】这道用了7个for循环的蓝桥真题,让舍友哭着跑出考场【内附原题资源】(上)
特意选取了蓝桥往年真题中许多能体现出蓝桥经典题型的题目——如暴力遍历、枚举、动态规划等等。其中最主要的还是枚举,枚举题目在蓝桥杯中是最热的考点且没有之一。可以说把枚举练好,就已经半只脚踏入了国赛的大门。有需要的兄弟们可以收藏一下,后续我会继续更新蓝桥真题题型专栏,和大家一起冲击蓝桥杯。下面的真题建议大家先自行思考后再看答案。原题视频资源在文章结尾。
7 0
+关注
625
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
OceanBase 入门到实战教程
立即下载
阿里云图数据库GDB,加速开启“图智”未来.ppt
立即下载
实时数仓Hologres技术实战一本通2.0版(下)
立即下载