小程序实战——我要停车模块(地图)

在该模块中，由于代码量庞大，并没有放入任何代码内容，下文中涉及到的内容均已实现。 代码部分可以私聊作者获得，相互学习

小程序实战——预约车位模块可参考该博客：

https://blog.csdn.net/weixin_43675314/article/details/134571616

2024年1月新增：（具体展示图已全部更新）

1.停车场中应用目标检测技术，实现信息的采集与发布功能。

2.车牌绑定模块

我要停车模块的首页如下：

未绑定车位时：

绑定车车牌后（仅需绑定一次，即只需绑定一次，可在整个小程序中全部更新）：

以下所有的功能模块都开发在我要停车模块中。具体功能模块界面显示如下：

• 搜索框的实现
• 不同类型的停车场在地图中的显示(marker)
• 定位自己原始位置的标注点
  

- 搜索模块功能：当输入一个地址信息时，会出现一个空白页面，页面中根据搜索地址的经纬度显示出符合输入点文本相近的20条推荐地址，本过程经过了地址解析和逆地址解析等过程；当点击搜索框中青岛站后的 × 号时，会直接返回到手机当前的所在位置，具体实现如下：

- 输入框中输入地址点击最终目的地后回车，会跳转到相应位置，并实时显示目的地周围所包含的停车场信息，如图所示：

- 搜索框下的不同类型停车场标识：采用scroll-view的方式，可横向拉动屏幕，点击查看更多的其他类型停车场在地图中显示的位置。点击，相应的按钮后会变亮；若未点击，相应的按钮会变灰，如图所示：

- 当点击地图中所设置的任何mark，会跳转到该地点的具体详情页。详情页中的详细地址会根据当前点的经纬度解析出当前点的信息(并不是手动输入信息)；右侧的导航按钮的千米数为用户当前所在位置到目的地的直线距离；详细地址下的预约停车标签采用关联的方式根据点击不同的按钮显示不同的标签；服务电话部分，点击时也可以正常进行拨打电话。

- 针对特定停车场，结合目标检测技术，实时采集并发布停车场中总车位数以及空车位数信息(可对将其应用于部分停车场，如针对人民政府停车场应用目标检测)。具体展示图如下：

小程序中所显示内容涉及的大部分都采用了CMS进行内容管理，通过数据库读取界面中的信息；全过程采用原生开发，未涉及到任何框架，全栈开发实现(涉及前后端)；前端进行页面设计，将前端设计的页面用CMS进行管理，通过后台进行渲染