Performance
向量圖磚，前端即時渲染
文字、線形與面填色都在瀏覽器端運算，任意縮放層級都保持銳利，pitch 傾斜與 bearing 旋轉是連續的。
3D 地圖 ・ Maps
3D 地圖
Maps 負責在瀏覽器端把向量圖磚即時算成地圖，Studio 負責決定它的樣子。 兩個加起來，就是下面這張可以拖、可以轉、樣式秒換的圖台； 需要不連外的環境，MapServer 再把同一套圖台搬進你自己的機房。
正在載入圖台…
拖曳可平移、右鍵拖曳旋轉 ・ Ctrl / Command + 滾輪縮放 ・ 樣式即時重載
3D
建物量體與地標建模
底圖自帶全台建物量體，mapThree 再疊上 1,300 座以上的地標建模，也能載入自己的 glTF 模型並讓它沿路徑移動。
Local data
台灣在地圖資
159,000 公里路網、800,000 個以上興趣點與 670 萬筆門牌，都是自有圖資。
Quick start
一支腳本，三個參數
沒有建置步驟、不必自架服務。引入腳本、填上金鑰與樣式，圖台就出現了。
<script
src="https://kw3dmap.localking.com.tw/openapi/loader/mapPlus-1.4.8.loader.js"
crossorigin="anonymous"
referrerpolicy="origin"
></script>
<div id="map" style="width:100%;height:100vh"></div>Layers
一張圖，最多 50 層
向量底圖之上可以疊路網、3D 建物與你自己的資料圖層，每一層的順序與 可見性都能獨立控制。這張圖就是實際的堆疊關係。
HeatmapLayer密度熱力圖，setData() 換資料不必重建圖台data.enableCluster資料層點位依縮放層級自動聚合，可逐點決定是否加入DataLayer點、線、面與圓形的 GeoJSON 圖層，可個別上樣式
資料圖層Heatmap ・ Cluster ・ Marker
3D 建物與地標mapThree ・ 1,300+ 建模
道路網路159,000 km ・ 即時路況
向量底圖Vector tiles ・ 50 layers
Gallery
從城市到街道，從北到南
以下每一張都是這套圖台的真實畫面。
01
02
03
04
05Studio
樣式可以自由搭配
在 Studio 調好配色、字體與圖層可見性，輸出一份樣式檔，把網址填進 style 參數就套用了。執行期還能用 StyleModeControl 在多套樣式之間切換。
1 ・ 調整自己想要的樣式
在 Studio 裡調整
底圖配色、道路層級、標註字級與圖層可見性，改完即時預覽。
2 ・ 輸出
輸出樣式檔
產出一份 .etxt 樣式檔，有自己的網址，改了不必重新部署程式。
3 ・ 套用
填進 style 參數
將輸出的樣式檔填進 style 參數，同一份圖資可以掛多套樣式。
mapThree
在圖台上疊一層三維場景
mapThree 是 Maps 的三維擴充，包含全部圖台能力。底圖自帶建物量體，再加上 1,300 座以上的地標建模；你也可以載入自己的 glTF 模型。
add3dLayer()建立共用的 3D 圖層，整張地圖只跑一次add3dModel()載入 glTF / glb 模型，設定位置、旋轉與尺寸startPath()讓模型沿指定路徑移動，車隊軌跡與空拍巡檢都靠它initLandmark()載入內建地標建模
initLandmark()底圖自帶的建物量體，加上有貼圖的地標建模
add3dModel()自己的 glTF 模型放到指定座標與高度，還能沿航線移動，比如這台無人機正繞著勤崴大樓巡檢Drone by NateGazzard ・ CC BY 3.0In production
實際使用畫面
下面三張都是真實資料跑出來的畫面：路線是 Routes API 實際規劃的，熱區與叢集聚合是資料在圖層上的實際渲染。
情境 01 ・ 物流車隊
多點配送路線與到站時刻
一台車一天十幾個點，用 Direction Advanced 排出途經順序與各站到達時刻，回傳的路線逐段解碼後畫在圖上，車輛位置再用 3D 模型沿路徑移動。畫面上這條就是實際規劃出來的路線，貼著真實路網。
情境 02 ・ 商圈分析
人流與消費熱區
把人流或交易資料丟給 HeatmapLayer，熱區直接浮在向量底圖上。選址前先看清楚哪裡真的熱，再用 Text Search 盤點該熱區裡的競品與集客設施。
情境 03 ・ 連鎖據點
上千個門市不打結
把全台門市加進資料層後開 map.data.enableCluster(true)，相近的點會自動聚合並標出數量，拉近才展開成單一門市；個別點還能用 addToCluster 決定要不要參與聚合。
Controls
內建常用的互動元件控制器
以 map.addControl() 加上去，位置可指定四個角落。 測距、繪圖、搜尋、導航與即時路況都不必自己寫。
On-premises
同一套圖台，也能放在你自己家
上面這些能力不是只有連到我們的服務才有。MapServer 把伺服器與圖磚一起裝進客戶自己的電腦或內部網路，內網的裝置直接跟它取圖 —— 資料不出去，網路斷了也照跑。路線規劃與地理編碼同樣有地端版本。
- Ubuntu 22.04 LTS
- HTTP/2
- HTTPS 憑證
- Nginx 反向代理
- 圖磚排程更新
- 開機自動部署