【練習】註冊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
相關文章
- nginx正向代理訪問百度地圖APINginx地圖API
- 百度地圖API : 自定義標註圖示地圖API
- 百度地圖API新增自定義標註多點標註地圖API
- Laravel6 簡單使用 API 註冊訪問實現(適合菜鳥)LaravelAPI
- 百度地圖API入門——(5)百度地圖API的簡介地圖API
- 百度地圖框選標註座標點功能地圖
- 百度地圖API入門——(4)用Jetty搭建一個簡單的多終端可訪問的地圖應用站點...地圖APIJetty
- 百度地圖JavaScript API 學習之地址解析地圖JavaScriptAPI
- 對接百度地圖API地圖API
- HTML呼叫百度地圖APIHTML地圖API
- 選單練習
- 百度地圖API基本使用(一)地圖API
- 百度地圖API功能演示地圖API
- jQuery 下拉選單選擇 載入 (練手例項)jQuery
- 百度地圖-簡單整合地圖
- 淺談百度地圖API的坑地圖API
- 讓百度地圖API支援HTTPS地圖APIHTTP
- 百度地圖API開發demo地址地圖API
- 使用百度地圖問題地圖
- 下拉選單
- 百度地圖API圖示、文字、圖例與連線地圖API
- 前端 – 百度地圖 API 基礎入門前端地圖API
- 前端 - 百度地圖 API 基礎入門前端地圖API
- 使用Angular8和百度地圖api開發《旅遊清單》Angular地圖API
- 練習maya python API jointChain中文標註PythonAPIAI
- vue下拉選單Vue
- html - 下拉選單HTML
- Spinner下拉選單
- 百度地圖API入門——(6)地圖容器及BMap名稱空間地圖API
- 用Echarts請求百度地圖api 小案例Echarts地圖API
- 呼叫百度地圖api只顯示網格地圖API
- 百度地圖API入門——(3)控制元件地圖API控制元件
- geoserver控制服務訪問許可權-類似百度地圖的keyServer訪問許可權地圖
- 百度地圖,您所使用的地圖JS API版本過低,解決方法地圖JSAPI
- 百度地圖之標註一組地理座標地圖
- 百度地圖API入門——(7)新增或刪除圖層地圖API
- CSS學習案例(14):下拉導航選單CSS
- 在 HTTPS 專案中使用百度地圖 APIHTTP地圖API