【練習】註冊appid、下拉選單、訪問百度地圖API

一 、註冊Appid

https://blog.csdn.net/testcs_dn/article/details/53727768

不支援個人身份註冊,選擇其他組織，組織資訊隨便填寫，上傳的照片也可以隨便傳。

管理資訊登記必須使用和微信一致的身份資訊，姓名，身份證號。

一個身份證、一個手機號都只能註冊5個小程式。在開發者ID中可以找到appid，寫好的小程式點選預覽就可以在手機上看了

二、form提交資料時，其它表單元件必須有name屬性，否則輸出form中event就是undefined

三、下拉選單

picker:從底部彈起的滾動選擇器，現支援五種選擇器，通過mode來區分，分別是普通選擇器，多列選擇器，時間選擇器，日期選擇器，省市區選擇器，預設是普通選擇器。

普通選擇器：mode = selector

<picker mode="selector" name="method" range="{{method_detail}}" value="1" bindchange="bindMethodChange" class="select">

<view>{{method}}</view>

<image src="/images/down.png" class="down"></image>

</picker>

range裡放陣列，存的是下拉選單的選項，value是number，代表索引號，因此event.detail.value也是索引號

 

bindMethodChange: function (event) {

var id = event.detail.value;

var getEvent = this.data.method_detail[id];

this.setData({

method: getEvent

});

}

時間選擇器：mode = time   格式為hh:mm

<picker mode="time" name="startTime" start="08:00" end="20:00" value="08:00" bindchange="bindTimeStartChange" class="select">

    <view>{{overTime}}</view>

<image src="/images/down.png" class="down"></image>

</picker>

event.detail.value就是事件

日期選擇器：mode = date    格式為YYYY-MM-DD

<picker mode="date" name="date" start="2018-4-25" end="2019-4-25" value="2018-4-25" fields="day" bindchange="bindDateChange" class="select">

<view>{{date}}</view>

<image src="/images/down.png" class="down"></image>

</picker>

fields

有效值 year,month,day，表示選擇器的粒度

省市區選擇器：mode = region

自帶所有省市和地區  只要寫mode = region，就能出來

custom-item

可為每一列的頂部新增一個自定義的項

<picker mode="region" bindchange="bindRegionChange" value="{{region}}" custom-item="{{customItem}}">
    <view class="picker">
      當前選擇：{{region[0]}}，{{region[1]}}，{{region[2]}}    可以直接寫{{region}}   設定當前選擇的
    </view>
  </picker>

region: ['廣東省', '廣州市', '海珠區'],
customItem: '全部'

四、js檔案中的data資料起名只能用下劃線，不能用-

五、訪問百度地圖API

http://lbsyun.baidu.com/index.php?title=wxjsapi/guide/key

1.獲取金鑰

2.下載js檔案，存在utils下

3.在微信開發設定裡新增域名（一個月只能5次申請）

4.看文件

騰訊地圖類似的，但是還沒有成功

http://lbs.qq.com/qqmap_wx_jssdk/index.html