推荐下载
-
2020-05-12 浏览：789
-
2020-04-04 浏览：654
-
2020-05-06 浏览：560
-
2020-05-08 浏览：545
-
2020-05-12 浏览：543
微信小程序MAP地图开发入门(一)
发布时间:2020-12-06
作者：北辰，来自原文地址
相关文章：跳坑《一百零五》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
