Escenas
Al instalar una aplicación en el teléfono móvil del conductor del vehículo, el administrador puede ver la ubicación en tiempo real del vehículo en tiempo real en segundo plano.
Ideas de realización:
AutoNavi Map está integrado en la aplicación. Después de que la aplicación se inicie e inicie sesión, obtendrá periódicamente la información de ubicación actual y la cargará en el fondo del servidor junto con la cuenta actual.
El fondo almacenará los datos adquiridos en la base de datos de acuerdo con la cuenta del conductor como un identificador único, si la base de datos no existe antes, se insertará en la base de datos y si ha existido antes, se actualizará.
Luego, cuando la página de inicio obtiene la ubicación en tiempo real de un determinado conductor, utiliza la cuenta del conductor como condición de consulta para consultar las coordenadas y luego la muestra en el mapa de Gaode en la página de inicio.
Si sigue la versión separada de front-end y back-end para enseñarle cómo crear un entorno localmente y ejecutar el proyecto:
https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/108465662
En el blog anterior, los proyectos de front-end y back-end se compilan y ejecutan correctamente.
La función de integrar el mapa AutoNavi en la APLICACIÓN para realizar la función de cargar coordenadas de forma regular se puede realizar por sí misma.
Vue integra AutoNavi Map API para realizar el posicionamiento y el formulario de información de estilo personalizado:
https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/114162130
Luego, el front-end Vue realiza la pantalla de acuerdo con el posicionamiento de coordenadas y la referencia anterior.
Nota:
Página de inicio del blog:
https://blog.csdn.net/badao_liumang_qizhi
Siga la
cuenta pública
Programadores dominantes Obtenga libros electrónicos relacionados con la programación, instructivos y descargas gratuitas.
lograr
Primero diseñe una base de datos de información de posicionamiento
Luego use la generación de código para generar código para esta tabla
Cómo generar código basado en la base de datos basada en la versión separada de front-end y back-end y realizar rápidamente la adición, eliminación, modificación e inspección de una determinada empresa:
https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/108316087
Luego modifique la nueva interfaz
@PostMapping("/insertOrUpdateCoordinate")
@ApiOperation("更新司机车辆定位消息")
public AjaxResult insertOrUpdateCoordinate(@RequestBody MqttVo mqttVo){
return AjaxResult.success(busEmployeeCarCoordinateService.insertOrUpdateCoordinate(mqttVo));
}Luego haga un juicio lógico en la implementación del método, si no hay antes, ejecute la inserción, si hay antes, ejecute la actualización.
Conecte esta interfaz con la APLICACIÓN como una interfaz de carga para información de coordenadas.
Luego, el front-end solicita al back-end que obtenga la información de coordenadas del conductor y utiliza directamente la interfaz de consulta de la tabla, y el número de cuenta del conductor se utiliza como condición de consulta.
efecto
