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

YIYIYI1205發表於2018-04-25

一 、註冊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

相關文章