微信小程序百度地图API移动选点项目教程

微信小程序百度地图API移动选点项目教程

1. 项目的目录结构及介绍

Baidumap/
├── app.js
├── app.json
├── app.wxss
├── project.config.json
├── sitemap.json
├── images/
├── lib/
│   └── css/
├── pages/
│   └── index/
│       ├── index.js
│       ├── index.json
│       ├── index.wxml
│       └── index.wxss
├── utils/
│   └── util.js
├── LICENSE
└── README.md

目录结构介绍

• app.js: 小程序的入口文件，负责全局逻辑。
• app.json: 小程序的全局配置文件，包括页面路径、窗口表现、网络超时时间等。
• app.wxss: 小程序的全局样式文件。
• project.config.json: 项目的配置文件，包含开发者工具的配置信息。
• sitemap.json: 小程序的站点地图配置文件。
• images/: 存放项目中使用的图片资源。
• lib/: 存放第三方库或工具类文件。
  • css/: 存放CSS样式文件。
• pages/: 存放小程序的页面文件。
  • index/: 首页的页面文件夹。
    • index.js: 首页的逻辑文件。
    • index.json: 首页的配置文件。
    • index.wxml: 首页的结构文件。
    • index.wxss: 首页的样式文件。
• utils/: 存放工具类文件。
  • util.js: 工具类文件，包含一些常用的工具函数。
• LICENSE: 项目的开源许可证文件。
• README.md: 项目的说明文档。

2. 项目的启动文件介绍

app.js

app.js 是小程序的入口文件，负责全局逻辑。它包含了小程序的生命周期函数和全局数据。

App({
  onLaunch: function () {
    // 小程序启动时执行的逻辑
  },
  globalData: {
    // 全局数据
  }
});

app.json

app.json 是小程序的全局配置文件，定义了小程序的所有页面路径、窗口表现、网络超时时间等。

{
  "pages": [
    "pages/index/index"
  ],
  "window": {
    "navigationBarTitleText": "百度地图API移动选点"
  }
}

app.wxss

app.wxss 是小程序的全局样式文件，定义了小程序的全局样式。

/* 全局样式 */

3. 项目的配置文件介绍

project.config.json

project.config.json 是项目的配置文件，包含了开发者工具的配置信息。

{
  "miniprogramRoot": "./",
  "projectname": "Baidumap",
  "description": "微信小程序百度地图API移动选点",
  "appid": "yourAppId",
  "setting": {
    "urlCheck": true,
    "es6": false,
    "postcss": false,
    "minified": false
  },
  "compileType": "miniprogram"
}

sitemap.json

sitemap.json 是小程序的站点地图配置文件，用于配置小程序的页面索引规则。

{
  "rules": [
    {
      "action": "allow",
      "page": "*"
    }
  ]
}

通过以上配置文件，开发者可以对小程序进行全局配置和个性化设置，确保小程序的正常运行和良好的用户体验。