
{{ event.gsx$sponsordesc.$t }}
本文說明如何在執行期間變更地圖樣式。 主要步驟為取得 BaseLayer,修訂樣式並且合併回 BaseLayer。 JavaScript function changeFeatureStyle(map){ // 取得基礎圖層 BaseLayer var provider = map.getBaseLayer().getProvider(); // 從 BaseLayer 取得樣式 var parkStyle = provider.getStyle(); var changeListener = (evt) => { if (parkStyle.getState() === H.map.Style.State.READY) { parkStyl...
本文說明如何為地圖和地圖物件加入 Context menu,當您在地圖上按滑鼠右鍵即顯示該位置的經緯度。 為了加入 Context menu,首先需要訂閱 ContextMenuEvent。 ContextMenuEvent 具有特殊的 items 屬性,可以用來存取清單項目。 每個清單項目都是H.util.ContextItem 類別的實例。 JavaScript function addContextMenus(map) { // 訂閱 "contextmenu" 事件 map.addEventListener('contextmenu', function (e) { if (e.target !== map) { return;...
KML (Keyhole Markup Language,鎖孔標記語言) 是一種檔案格式,用於存儲地理資料相關內容,採用標記結構,含有嵌套的元素和屬性。由 Google 旗下的 Keyhole 公司發展並維護,用來表達地理標記。 本範例取得 土石流潛勢溪流基本資料 KML 資料,採用內建的 KML 分析器載入資料並顯示於 HERE 地圖,當用戶點擊顯示於地圖上的土石流潛勢溪流形狀時,將顯示出溪流的名稱。 HTML <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0,...
HERE Fleet Telematics Advanced 資料集是一種 REST API,可讓您使用 HERE API 存取 HERE 核心地圖資料,相關介紹可參考 HERE Fleet Telematics Advanced Data Sets,本文說明使用 Platform Data Extension REST API 顯示郵遞區號圖層,經緯度設定在台北市。 JavaScript /** * 使用 Platform Data Extension REST API 顯示郵遞區號圖層 * https://developer.here.com/platform-extensions/documentation/platform-data/topics/introduction.htm...
本文範例主要功能為限制 HERE 地圖移動,當渲染地圖與視圖模型資料進行同步時就會觸發 sync 事件,透過監聽 sync 事件,可以將 map.center 的值限制在一定範圍內。 JavaScript /** * 限制 HERE 地圖移動於限定的矩形區域 * */ function restrictMap(map){ var bounds = new H.geo.Rect(23, 120, 23.5, 120.5 ); map.getViewModel().addEventListener('sync', function() { var center = map.getCenter(); if (!bounds.containsPoint(center)...
GeoJSON 是一種基於 JSON 的地理空間數據交換格式,相關定義可參考 RFC 7946,一個 GeoJSON 物件可以用來代表點 (Point),線 (LineString),多邊形 (Polygon) 等的幾何結構,以及特徵 (Feature) 的集合,或是一系列的特徵 (FeatureCollection)。本範例說明如何使用 HERE API 內建的 parser 在地圖上顯示GeoJSON。 為了使用 GeoJSON,我們必須另外載入 API 對應的 data module,透過 H.data.geojson.Reader 類別下載並解析 GeoJSON,然後使用 addLayer 方法在地圖上加入一個圖層以查看結果。 在本範例中所使用的 GeoJSON 來自 g0v Git...
快速建構地圖服務(十五)- HERE Positioning 網路定位服務 有一句相當有哲理的格言,是這麼說的:「找到自己的定位,才能知道人生的方向(If you don't know where you've come from, you don't know where you're going.)」 圖片出處:https://www.azquotes.com/quote/875522 「定位」與「方向」是分不開的,給你一串經緯度,沒有地圖對你來說也沒有太大意義;而有了地圖,如果你不知道現在在哪裡,也沒有太大意義。 前面我們講的都是「地圖」相關的應用,例如搜尋地點、規劃路徑等等,都是針對「目的地」的用途,但是在找到目的地之前,要怎麼知道自己現在的位置,就是一件不得不面對的事情。 一般...
快速建構地圖服務(十四)- HERE Custom Routes 自建路網 + Vector Tile 向量圖磚 + Map Image API 靜態地圖 這篇的內容會相當豐富,因為會同時介紹 HERE 的三個地圖服務: Custom Routes 自建路網 Vector Tile 向量圖磚 Map Image API 靜態地圖 準備好了嗎?開始嘍! 前面介紹過了 Custom Locations、Geofencing,這次要來介紹的 HERE Custom Routes,後台也是在 Custom Locations,但功能更強大,可以用來自己建立自己的路網,並且規劃路徑。一般而言這種需求是用在特定的場地,更可能是封閉的場地,例如私有土地上的私有道路,例如工廠、機場、碼頭、礦場、農場等...
快速建構地圖服務(十三)- HERE Geofencing 地理圍籬 因為武漢肺炎(COVID-19)的關係,地理圍籬變成一個眾所周知的服務,因為這樣的技術被用來監控居家隔離對象是否離開住所。 一般而言我們在談到地理圍籬的時候,想像的通常是一個確定的區域,不管是方形、或多邊形,但 HERE 的地理圍籬可以用點、線、面(多邊形)的方式存在,因此在使用上就更加的有彈性了。 以剛剛貨運行的例子來看,我除了可以監控司機是否已經到達或離開客戶的工廠,我還可以把送貨的路線設定成地理圍籬,因此也可以監控司機是否有偏離送貨路線的狀況,這種用途對於高價值的貨品(例如運鈔車),以及人身安全監控(例如重要人士的的接送、計程車、兒童安全監視等)都很有幫助。 HERE Geofencing 的功能與特色 如同之前在...
本文將延續前面在【HERE Studio實戰】一文所介紹的內容,說明如何客製化HERE Studio上的地圖,利用HERE Studio Space來繪製路徑。 您可以在網路上找到許多善心人士所分享的GPX路徑檔(例如參考資料乙節),或是透過地圖產生器自行產生地圖路徑。取得GPX檔案後,因為HERE Studio的Data Hub無法支援GPX檔案,因此,我們利用免費的GPX轉GeoJson檔案的網站來進行轉檔。 如下圖所示,把GPX檔案拖曳到網頁中白色方框之中,即可完成檔案上傳,接著按下CONVERT NOW。 轉檔成功後可以點選Download Now來下載,或是輸入您的Email信箱來把GeoJson檔案寄送至指定位置。 本文以Tony Huang於Youtube所提供之兩則登山影...