地圖開發入門(一)
發布時間：2018-04-14 14:45 所屬欄目：小程序開發教程
作者：北辰，來自原文地址
相關文章：跳坑《一百零五》map組件，地圖使用相關問題
根目錄下 app.js, app.json, app.wxss解釋
2.1 app.js 小程序的邏輯
2.2 app.json小程序的公共設置
2.3 app.wxss 小程序的公共樣式表
在app.json 配置個tab ( 類似于iOS tabbar)
- {
- "pages":[
- // 文件所在目錄結構
- // index.js logs.js setup.js
- "pages/index/index",
- "pages/logs/logs",
- "pages/setup/setup"
- ],
- // 整個的window
- "window":{
- // 設置導航欄樣式
- "backgroundTextStyle":"light",
- "navigationBarBackgroundColor": "#fff",
- "navigationBarTitleText": "夏小天",
- "navigationBarTextStyle":"black"
- },
- // tabbar對象
- "tabBar": {
- "color": "#dddddd",
- "selectedColor": "#1296db",
- "borderStyle": "yellow",
- "backgroundColor": "#ffffff",
- // 這里是個 .js數組
- "list": [
- {
- "pagePath": "pages/index/index",
- "text": "首頁",
- "iconPath": "pages/images/icon3.png",
- "selectedIconPath": "pages/images/icon3.png"
- },
- {
- "pagePath": "pages/logs/logs",
- "text": "搜索",
- "iconPath": "pages/images/icon1.png",
- "selectedIconPath": "pages/images/icon1.png"
- },
- {
- "pagePath": "pages/setup/setup",
- "text": "設置",
- "iconPath": "pages/images/icon2.png",
- "selectedIconPath": "pages/images/icon2.png"
- }]}
- }
一個頁面包含的文件結構包含四個文件 .js文件.json文件 .wxml文件 wuss文件(類似于想要布局出iOS中的一個界面需要view model controller 協同工作)
.js文件 功能類似于 iOS中Controller的作用 起到協同的作用, 也就是頁面的邏輯 .json 頁面配置 比如我想要配置一下logs界面的導航欄文字 .wxml 頁面結構 (也就是有view btn等控件) .wxss 頁面樣式表(可以配置頁面控件的位置, 顏色, 圓角等等屬性) 接下來用地圖控件寫一個簡單界面
.js 進行網絡請求, 解析數據, 重新賦值data
- // 聲明一個數組數組
- var dataArray = new Array
