Mr.ning：微信小程序初體驗(yàn)：獲取坐標(biāo)位置和根據(jù)坐標(biāo)查看地址 ...
發(fā)布時(shí)間：2018-03-30 16:07 所屬欄目：小程序開發(fā)教程
文檔地址：https://mp.weixin.qq.com/debug/wxadoc/dev/?t=1474644089434
根據(jù)文檔地址中下載微信開發(fā)工具后，按照文檔指引可以創(chuàng)建一個(gè)快速體驗(yàn)的小demo ，樣例中的文件說(shuō)明如下：
小程序包含一個(gè)描述整體程序的 app 和多個(gè)描述各自頁(yè)面的 page。
一個(gè)小程序主體部分由三個(gè)文件組成，必須放在項(xiàng)目的根目錄，如下：
| app.js | 是 | 小程序邏輯 |
| app.json | 是 | 小程序公共設(shè)置 |
| app.wxss | 否 | 小程序公共樣式表 |
一個(gè)小程序頁(yè)面由四個(gè)文件組成，分別是：
| 文件類型 | 必填 | 作用 |
|---|---|---|
| js | 是 | 頁(yè)面邏輯 |
| wxml | 是 | 頁(yè)面結(jié)構(gòu) |
| wxss | 否 | 頁(yè)面樣式表 |
| json | 否 | 頁(yè)面配置 |
為了學(xué)習(xí)下API的調(diào)用，體驗(yàn)了下【獲取坐標(biāo)位置】和【根據(jù)坐標(biāo)查看地址】?jī)蓚€(gè)接口，更多接口信息請(qǐng)查看：
https://mp.weixin.qq.com/debug/wxadoc/dev/api/?t=20161122
或者直接下載源碼：https://mp.weixin.qq.com/debug/wxadoc/dev/demo/demo.zip?t=20161122
簡(jiǎn)單貼一下體驗(yàn)的小程序相關(guān)目錄和內(nèi)容：
目錄結(jié)構(gòu)： 未打開的文件夾就是根據(jù)文檔指引快速生成的默認(rèn)內(nèi)容，未做修改
format-location.js中的內(nèi)容：
|
1
2
3
4
5
6
7
8
9
10
11
|
function formatLocation(longitude, latitude) {
longitude = longitude.toFixed(2)
latitude = latitude.toFixed(2)
return {
longitude: longitude.toString().split('.'),
latitude: latitude.toString().split('.')
}
}
module.exports = formatLocation
|
index.js
易優(yōu)小程序（企業(yè)版）+靈活api+前后代碼開源
碼云倉(cāng)庫(kù):
本文地址：http://www.u-renovate.com/wxmini/doc/course/22987.html 復(fù)制鏈接
如需定制請(qǐng)聯(lián)系易優(yōu)客服咨詢：800182392 點(diǎn)擊咨詢
