Angularjs+node+Mysql实现地图上特定点的定位以及附加信息展示

　　　　在上一篇博文中主要讲述了如何利用AngularJs+Node+MySql构建项目，并实现地图上的多点标注，今天在这篇文章中，我们将在上一个项目的基础上，实现特定点的定位以及附加信息的展示。这样我们的项目就更加完善了，从宏观上看到每个点，从微观上分析每个点的不同。这种方法往往在大数据可视化方面很有效果。

　　　　项目源码地址：https://github.com/zhangxy1035/Gould    （项目中的源码已经更新）

　　　　一、项目演示

　　　　我们经常在自己的业务中，需要搜索某一点，然后让其在地图中进行显示，显示时也必须带上自己的附加信息。项目运行结果图如下：

　　　　当点击搜索按钮之后，结果如图

　　　　定位到了特定的点，并且还打印出了该点所携带的附加信息。

　　　　二、项目搭建

　　　　首先来说一下我们的数据集，在数据集中我们有两张表，一张表为new_3,另一张表为sample表，其中所带的字段如下：

　　　　　new_3中的字段为前三个，sample表中的字段为后面几个。接下来我们将要实现的功能就是通过前台输入Order_id,后台进行接收，执行查询，并把返回的数据显示到前台。

　　　　position.js文件代码：

　　　　其中需要说明的一点：order_id需要前台进行接收，所以需要这样书写：var order_id = req.body.order_id;

　　　　start.js,由于在上一篇中我们已经将项目构建完成，现在我们只需要在start.js文件中增加这样一句代码即可：

　　　　controller.js

　　　　service.js

　　　　html

　　　在上述代码中使用了ng-model双向绑定，然后点击button进行触发，但凡前台后台数据传输，亦或者是获取数据，用这种方法都是简单易于实现的。还有不要忘记在自己的页面中加入从高德地图上获取到的开发者key值。这样一个搜索的功能就实现了。通过对于本文的学习，希望你能实现node架构前后台的交互传值，快去动手试试吧。

　　　　注：本文亦包括上一篇的博文中所用到的数据集，均来自于天池大数据平台，在此博主深表谢意。