[TOC]
## 概況
### 背景
### Showcase
Google Map Solr
GitHub?[https://github.com/phodal/gmap-solr](https://github.com/phodal/gmap-solr)
### Solr
> Solr是一個高性能，采用Java5開發，基于Lucene的全文搜索服務器。同時對其進行了擴展，提供了比Lucene更為豐富的查詢語言，同時實現了可配置、可擴展并對查詢性能進行了優化，并且提供了一個完善的功能管理界面，是一款非常優秀的全文搜索引擎。
簡單地說: 它是一個搜索引擎
> 文檔通過Http利用XML 加到一個搜索集合中。查詢該集合也是通過http收到一個XML/JSON響應來實現。它的主要特性包括：高效、靈活的緩存功能，垂直搜索功能，高亮顯示搜索結果，通過索引復制來提高可用性，提供一套強大Data Schema來定義字段，類型和設置文本分析，提供基于Web的管理界面等。
即schema.xml
**Solr 安裝**
~~~
brew install solr
~~~
## 步驟
用Flask搭建一個簡單的servrices，接著在前臺用google的api，對后臺發出請求。
### Step 1: Solr Flask
由于，直接調用的是Solr的接口，所以我們的代碼顯得比較簡單:
~~~
class All(Resource):
@staticmethod
def get():
base_url = ''
url = (base_url + 'select?q=' + request.query_string + '+&wt=json&indent=true')
result = requests.get(url)
return (result.json()['response']['docs']), 201, {'Access-Control-Allow-Origin': '*'}
api.add_resource(All, '/geo/')
~~~
我們在前臺需要做的便是，組裝geo query。
### Step 2: Google map Polygon
在Google Map的API是支持Polygon搜索的，有對應的一個
~~~
google.maps.event.addListener(drawingManager, 'polygoncomplete', renderMarker);
~~~
函數來監聽，完成`polygoncomplete`時執行的函數，當我們完成搜索時，便執行`renderMarker`，在里面做的便是:
~~~
$.get('/geo/?' + query, function (results) {
for (var i = 0; i < results.length; i++) {
var location = results[i].geo[0].split(',');
var myLatLng = new google.maps.LatLng(location[0], location[1]);
var title = results[i].title;
marker = new google.maps.Marker({
position: myLatLng,
map: map,
title: title
});
contentString = '<h1>City</h1><br/> address ' + i + '';
google.maps.event.addListener(marker, 'click', (function (marker, contentString, infowindow) {
return function () {
infowindow.setContent(contentString);
infowindow.open(map, marker);
};
})(marker, contentString, infowindow));
}
});
~~~
對應的去解析數據，并顯示在地圖上
