Angularjs+node+Mysql實現地圖上的多點標註原文地址：blogs.com/DonaHero/p/5815595.html（註：本文是在這篇博文的基礎上進行增加功能的，還請各位能仔細搭建自己的環境，搭建環境與運行，這裏將不再贅述。）
項目源碼地址：/zhangxy1035/Gould （項目中的源碼已經更新）
壹、項目演示
我們經常在自己的業務中，需要搜索某壹點，然後讓其在地圖中進行顯示，顯示時也必須帶上自己的附加信息。項目運行結果圖如下：
當點擊搜索按鈕之後，結果如圖
定位到了特定的點，並且還打印出了該點所攜帶的附加信息。
二、項目搭建
首先來說壹下我們的數據集，在數據集中我們有兩張表，壹張表為new_3,另壹張表為sample表，其中所帶的字段如下：
new_3中的字段為前三個，sample表中的字段為後面幾個。接下來我們將要實現的功能就是通過前臺輸入Order_id,後臺進行接收，執行查詢，並把返回的數據顯示到前臺。
position.js文件代碼：
View Code
其中需要說明的壹點：order_id需要前臺進行接收，所以需要這樣書寫：var order_id = req.body.order_id;
start.js,由於在上壹篇中我們已經將項目構建完成，現在我們只需要在start.js文件中增加這樣壹句代碼即可：
1 app.post('/getAllMarker4',position.getAllMarker4);
controller.js
View Code
service.js
1 var getAllMarker4 = function (query,success) {
2 $http.post(CONFIG.host + '/getAllMarker4',query)
3 .success(function(data){
4 success(data);
5 });
6 };
html
View Code
在上述代碼中使用了ng-model雙向綁定，然後點擊button進行觸發，但凡前臺後臺數據傳輸，亦或者是獲取數據，用這種方法都是簡單易於實現的。還有不要忘記在自己的頁面中加入從高德地圖上獲取到的開發者key值。這樣壹個搜索的功能就實現了。通過對於本文的學習，希望妳能實現node架構前後臺的交互傳值，快去動手試試吧。