Geocoder是一個非常簡單的控制元件，但也是非常常用且實用的控制元件，顧名思義，Geocoder就是地理編碼的意思，而平常我們經常會查詢一些地物，也就是常用的POI搜尋，就是Geocoder的功勞。

首先，該控制元件支援經緯度定位，比如如下，是北京京洲世家小區的經緯度，輸入後可以定位至該點，如上圖所示。但是在天朝，有一種座標叫做火星座標。換句話說，如果你是在高德，百度等國內資料中獲取的POI經緯度，該經緯度是經過偏移的，而我們的三維球通常都是用Bing，天地圖等沒有偏移的影像，這樣就會導致地物的不匹配，還要，我們只需要糾偏POI就可以。範例裡面有驚喜，自己看geocoder範例吧。

另外，Cesium採用的是Bing的地理編碼和POI檢索，需要Key，而且國內的資料，畢竟是中文檢索，Bing在這點上有些水土不服的，所以，下面我們試著用SuperMap的POI服務來替代（當然，你也可以用其他的，比如高德，百度等，但需要申請Key，我申請了也不知道為何說我的plat不支援，想到範例的簡單性，發現只有SuperMap的最簡單易用，也算一個無奈之舉吧。）

一個很不幸的事實是，Cesium沒想到使用者想要更換Geocoder的服務，所以並沒有提供對應的介面來方便我們的擴充套件，不過，畢竟是JavaScript嗎，只要深挖掘，什麼都能替換之。

如上圖，我們需要改寫的就是searchCommand函式，儘管geocoder只提供了get介面。這裡有兩個邏輯，第一個就是geocode，就是POI的查詢，另一個是正在查詢的狀態下，則會中斷正在進行的查詢操作。我們直接把GeocoderViewModel中的cancelGeocode函式拿來重用即可。而geocode則是需要重寫的重點函式。

直接輸入經緯度定位是很不錯的功能，所以要保留，這段程式碼就留著。下面，就要開始替換Bing的POI檢索了。先看看超圖的POI檢索服務：

輸入京洲世家，為什麼總要輸入這個？總比輸一個故宮博物院好吧。點選查詢，我們就可以獲取其對應的url和json結果。

知道了url的規範後，通過Cesium構造一個Promise來發送請求：

返回的結果如下：

有了返回值，我們就需要解析裡面的內容，並講這些POI資訊構造成Entity，儲存到Viewer中。同樣，這裡的經緯度是偏移後的，我們需要做一個糾偏處理。

這裡還有一個小技巧，我們每次查詢時，都需要清除上一次查詢的物件，所以我們需要在Geocoder中儲存一份當前查詢POI的Entity物件，方便下次查詢後的刪除，而刪除是通過id的，所以需要付給一個唯一的ID值，我覺得通過Clock獲取當前時間是一個不錯的方式。

另外，為了能夠讓Entity在點選時獲取其描述資訊，我們也需要指定Entity的description，在geocoder.html範例中，採用了最簡單的ConstantProperty，如果對這一塊不清楚的，可以參考InfoBox控制元件篇，裡面對Property有一個較為詳細的介紹。具體程式碼如下：

至此，我們對Geocoder有了一個較為詳細的認識，同時也擴充套件Geocoder控制元件，能夠指定其他的POI服務來滿足自己的需要，並實現了對查詢後的POI構造並管理Entity的功能，更好的展現查詢後的結果。另外，由於火星座標的原因，會有匹配不準確的情況，這裡通過糾偏也解決了這一實際應用的問題。奉上一個範例的效果圖，Geocoder的介紹就到這裡。