整合百度地图,显示停车场位置,停车位详情,使用WebSocket实现动态刷新

我会在近段时间内把之前的项目上遇到的一些我觉得需要记录的需求、问题给写下来,来弥补之前没有写博客的习惯。

需求:当管理员登录智慧停车项目后台时,首页需要展示当前地区的停车场信息,以及每个停车场的停车位详情。
初期效果图如下:

以上需要实现的功能有:
将停车场作为标注点显示在地图上,根据停车场的剩余车位数改变标注点的颜色,绿色的为车位充足,以此类推。
当鼠标移动到标注点上时,显示停车场信息,点击标注点或详情时展示该停车场的停车位详情。
点击车位展示停放车辆详细信息。
由于项目后期会添加大量的停车场和停车位,但是如何保证页面实时展示每个停车场,每个停车位的最新信息,这里使用的是WebSocket来动态和后台交换数据,实现动态刷新部分停车场、停车位信息。(由于项目尚未正式上线,效果中无法演示)
首先是页面部分:

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<%@ include file="/WEB-INF/views/include/taglib.jsp"%>


百度地图

	停车场地图展示
	
	
	
	


	

你可能感兴趣的:(java,百度地图,停车场,WebSocket)