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 };