用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

微客吧 首页 教程 微信小程序 新手教程 查看内容

微信小程序MAP地图开发入门(一)

纸飞机 2018-3-8 09:37

作者:北辰,来自原文地址 相关文章:跳坑《一百零五》map组件,地图使用相关问题 根目录下 app.js, app.json, app.wxss解释 2.1 app.js 的逻辑 2.2 app.json小程序的公共设置 2.3 app.wxss 小程序的公共样式表在app ...

作者:北辰,来自

原文地址


相关文章:

跳坑《一百零五》map组件,地图使用相关问题


根目录下 app.js, app.json, app.wxss解释

2.1 app.js 的逻辑
2.2 app.json小程序的公共设置
2.3 app.wxss 小程序的公共样式表

在app.json 配置个tab ( 类似于iOS tabbar)

  1. {
  2. "pages":[
  3. // 文件所在目录结构
  4. // index.js logs.js setup.js
  5. "pages/index/index",
  6. "pages/logs/logs",
  7. "pages/setup/setup"
  8. ],
  9. // 整个的window
  10. "window":{
  11. // 设置导航栏样式
  12. "backgroundTextStyle":"light",
  13. "navigationBarBackgroundColor": "#fff",
  14. "navigationBarTitleText": "夏小天",
  15. "navigationBarTextStyle":"black"
  16. },
  17. // tabbar对象
  18. "tabBar": {
  19. "color": "#dddddd",
  20. "selectedColor": "#1296db",
  21. "borderStyle": "yellow",
  22. "backgroundColor": "#ffffff",
  23. // 这里是个 .js数组
  24. "list": [
  25. {
  26. "pagePath": "pages/index/index",
  27. "text": "首页",
  28. "iconPath": "pages/images/icon3.png",
  29. "selectedIconPath": "pages/images/icon3.png"
  30. },
  31. {
  32. "pagePath": "pages/logs/logs",
  33. "text": "搜索",
  34. "iconPath": "pages/images/icon1.png",
  35. "selectedIconPath": "pages/images/icon1.png"
  36. },
  37. {
  38. "pagePath": "pages/setup/setup",
  39. "text": "设置",
  40. "iconPath": "pages/images/icon2.png",
  41. "selectedIconPath": "pages/images/icon2.png"
  42. }]}
  43. }

一个页面包含的文件结构包含四个文件 .js文件.json文件 .wxml文件 wuss文件(类似于想要布局出iOS中的一个界面需要view model controller 协同工作)

.js文件 功能类似于 iOS中Controller的作用 起到协同的作用, 也就是页面的逻辑
.json 页面配置 比如我想要配置一下logs界面的导航栏文字
.wxml 页面结构 (也就是有view btn等控件)
.wxss 页面样式表(可以配置页面控件的位置, 颜色, 圆角等等属性)
接下来用地图控件写一个简单界面

.js 进行网络请求, 解析数据, 重新赋值data

  1. // 声明一个数组数组
  2. var dataArray = new Array
鲜花
鲜花
握手
握手
雷人
雷人
路过
路过
鸡蛋
鸡蛋
分享至 : QQ空间
收藏