用LightningChart JS和Google輕鬆實現地理空間數據的可視化
本文展示並描述了LightningChart JS的一個特殊用例，LightningChart JS是一個爲性能密集型和實時圖表解決方案設計的JavaScript圖表工具。
Google Static Maps API是一種軟件服務，它可以很容易地將地圖圖片嵌入到網站中。我們將簡要介紹如何使用地圖API並將其與LightningChart JS相結合，允許在地圖上面使用任何XY數據可視化功能。
開始使用Google靜態地圖是很容易的。唯一真正的障礙是建立一個Google計費賬戶。值得慶幸的是，Google地圖允許每個人每月有200美元的信用額度，所以你可以嘗試該服務而不必擔心費用問題。你可以在Google的開發者網站上閱讀更多關於這項服務的信息。
當涉及到實際使用時，地圖API非常簡單。下面是一個最小的HTML代碼片段，它已經產生了一個看起來不錯的地圖。
基本想法很容易理解--你提供座標（經度/緯度或位置名稱），反過來收到一張圖片。
與LightningChart JS的結合
這個用例的下一步是在地圖圖片上方疊加LightningChart XY數據可視化功能。這使得添加75個可用的XY數據可視化應用程序中的任何一個成爲可能，並渲染地理空間數據集，使用諸如散點系列、線型系列、熱圖等功能。
連接LightningCharts和Google Maps的方法很簡單。你只需在JavaScript中加載地圖圖片，並將其分配給圖表的系列背景樣式。現在我們可以在LightningChart JS裏面看到地圖。
實現地理空間數據可視化的最後一步是配置圖表軸間隔，以匹配地圖圖片的經度/緯度視圖。通過一點數學運算，我們能夠計算出與谷歌地圖圖片上任何像素相匹配的座標。
之後，我們可以通過簡單地使用緯度/經度座標作爲XY軸的數值，將世界上的任何地點可視化!
那麼這種技術有什麼用呢？
世界上有很多在地圖上進行交互和繪圖的解決方案。事實上，有很多，如果你是一個正在尋找一種簡單的方法來顯示地圖和可能的一些數據的開發者，你會感到困惑。
我們相信LightningChart JS和Google靜態地圖的結合適合於技術上簡單的項目，高級和初級有經驗的開發者都可以實現。
本文中提到的代碼是作爲一個開放源代碼庫發佈的，任何人都可以自由地進行試驗。你可以在GitHub上找到它。
如果你是LightningChart JS及其XY數據可視化功能的新手，你可以在我們的產品頁面瞭解更多。
關於更多替代的地理空間數據可視化解決方案，請查看我們的地圖實例庫。2022年2月，我們將發佈一個相當大規模的更新，將在這些地圖實例中增加幾個新的不同項目，敬請關注!