uniapp desarrolla un pequeño programa para realizar check-in de asistencia, con código fuente

Representaciones:

Registro de asistencia en tres pasos:

• Dibujar la zona de facturación en el mapa:

El subprograma de desarrollo uniapp dibuja gráficos en el mapa y convierte la latitud y la longitud en una cadena de formato fijo_uniapp dibuja mapas_阿晨12138's Blog-CSDN Blog

• Obtenga la ubicación del usuario y salte a la ubicación actual del usuario:

Usar el mapa para seleccionar la ubicación y ubicar la ubicación actual del usuario en el subprograma de desarrollo uniapp

• Determine si la latitud y la longitud del usuario están dentro del rango de latitud y longitud del gráfico de dibujo: 

Con la ayuda de bibliotecas de terceros: turf/helpers

turf/helperses un módulo de la biblioteca Turf.js que proporciona algunas funciones auxiliares y herramientas para simplificar el análisis y la manipulación geoespacial. Turf.js es una popular biblioteca de análisis geoespacial de JavaScript que proporciona muchas funciones potentes y fáciles de usar para trabajar con datos geográficos. 

Primera instalación de terminal npm: césped/ayudantes, luego importar y usar

<script>
    import {
        point,
        polygon
    } from '@turf/helpers';



    const pointCoordinates = [114.1275xxxx, 22.6070xxx];
    const polygonCoordinates = [
    [114.1251xxx, 22.607911xx1625156],
    [114.1242869xxx5, 22.607174xx4267],
    [114.12552648903466, 22.6057xxx6267],
    [114.1273xx44345, 22.60700xxx4],
    [114.1251063xx85, 22.6079115xx5156]
    ];
    const pt = point(pointCoordinates);
    const poly = polygon([polygonCoordinates]);
    const isInside = booleanPointInPolygon(pt, poly);
    if (isInside) {
        this.result = '这个点在这个范围内';
      } else {
        this.result = '这个点不在在这个范围内';
      }
</script>

extensión:

Se reproducirá un mensaje de música cuando se marque con éxito 

const innerAudioContext = uni.createInnerAudioContext();
innerAudioContext.autoplay = true;
innerAudioContext.src = 'https://img.tukuppt.com/newpreview_music/09/04/05/5c8b001d3f57236050.mp3';
innerAudioContext.onPlay(() => {
		console.log('开始播放');
});

Consulta de longitud y latitud:

[Consulta de longitud y latitud] Consulta de longitud y latitud del mapa en línea | Conversión de coordenadas de nombre de lugar de longitud y latitud