Mr.ning：微信小程序初體驗：獲取坐標位置和根據坐標查看地址 ...
發布時間：2018-03-30 16:07 所屬欄目：小程序開發教程
文檔地址：https://mp.weixin.qq.com/debug/wxadoc/dev/?t=1474644089434
根據文檔地址中下載微信開發工具后，按照文檔指引可以創建一個快速體驗的小demo ，樣例中的文件說明如下：
小程序包含一個描述整體程序的 app 和多個描述各自頁面的 page。
一個小程序主體部分由三個文件組成，必須放在項目的根目錄，如下：
| app.js | 是 | 小程序邏輯 |
| app.json | 是 | 小程序公共設置 |
| app.wxss | 否 | 小程序公共樣式表 |
一個小程序頁面由四個文件組成，分別是：
| 文件類型 | 必填 | 作用 |
|---|---|---|
| js | 是 | 頁面邏輯 |
| wxml | 是 | 頁面結構 |
| wxss | 否 | 頁面樣式表 |
| json | 否 | 頁面配置 |
為了學習下API的調用，體驗了下【獲取坐標位置】和【根據坐標查看地址】兩個接口，更多接口信息請查看：
https://mp.weixin.qq.com/debug/wxadoc/dev/api/?t=20161122
或者直接下載源碼：https://mp.weixin.qq.com/debug/wxadoc/dev/demo/demo.zip?t=20161122
簡單貼一下體驗的小程序相關目錄和內容：
目錄結構： 未打開的文件夾就是根據文檔指引快速生成的默認內容，未做修改
format-location.js中的內容：
|
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
