Red de conocimiento informático - Material del sitio web - Cómo usar AngularJs para especificar el área de Amap

Cómo usar AngularJs para especificar el área de Amap

En la publicación de blog anterior, hablamos principalmente sobre cómo usar AngularJs Node MySql para construir un proyecto e implementar etiquetado multipunto en el mapa. Hoy, en esta publicación, implementaremos el posicionamiento y la conexión de puntos específicos según el proyecto anterior. . visualización de información. Esto hará que nuestro proyecto sea más completo, viendo cada punto a nivel macro y analizando las diferencias entre cada punto a nivel micro. Este enfoque suele ser adecuado para la visualización de big data.

El nodo Mysql de Angularjs realiza anotaciones multipunto en el mapa Dirección original: blogs.com/DonaHero/p/5815595.html (Nota: este artículo es una función agregada basada en esta publicación de blog. en serio. Cree su propio entorno y ejecútelo después de configurarlo. No entraré en detalles aquí).

Dirección del código fuente del proyecto: /zhangxy1035/Gould (el código fuente del proyecto tiene). actualizado)

1, Demostración del proyecto

En nuestro propio negocio, a menudo necesitamos buscar un punto determinado y luego mostrarlo en el mapa. Al mostrarlo, debemos traer nuestro. propia información adicional. El proceso de ejecución del proyecto es el siguiente:

Después de hacer clic en el botón de búsqueda, el resultado es el que se muestra en la figura

Localice un punto específico e imprima la información adicional que lleva el punto. .

Segundo, construcción del proyecto

Primero, hablemos de nuestro conjunto de datos. En el conjunto de datos, tenemos dos tablas, una tabla es new_3 y la otra es la tabla de muestra. contiene los siguientes campos:

Los campos en new_3 son los primeros tres y los campos en la tabla de muestra son los últimos. La siguiente función que queremos implementar es ingresar Order_id en la recepción, recibir y ejecutar la consulta en segundo plano y luego mostrar los datos devueltos en la recepción.

Código del archivo position.js:

Ver código

Una cosa a tener en cuenta es: order_id debe recibirse en primer plano, por lo que debe escribirse : var order_id = req .body.order_id;

start.js, como ya creamos el proyecto en el artículo anterior, ahora solo necesitamos agregar esta línea de código al archivo start.js:

1 app.post('/getAllMarker4', position.getAllMarker4);

controller.js

Ver código

servicio. js

1 var getAllMarker4 = función (consulta, éxito) {

2 $http.post(CONFIG.host '/getAllMarker4', consulta)

3 .éxito( función(datos){

4 éxito(datos);

5 });

6 };