前言
關(guān)于本篇功能實(shí)現(xiàn)用到的 api 涉及類看不懂的凡蜻,請(qǐng)參照 esri 官網(wǎng)的 arcgis api 3.x for js:esri 官網(wǎng) api干花,里面詳細(xì)的介紹 arcgis api 3.x 各個(gè)類的介紹,還有就是在線例子:esri 官網(wǎng)在線例子室抽,這個(gè)也是學(xué)習(xí) arcgis api 3.x 的好素材辩棒。
內(nèi)容概覽
- 基于 arcgis api 3.x 結(jié)合 echarts 開(kāi)源 js 庫(kù)實(shí)現(xiàn)地圖統(tǒng)計(jì)圖分析
- 源代碼 demo 下載
前面寫(xiě)過(guò)一篇關(guān)于arcgis api 3.x for js 實(shí)現(xiàn)地圖統(tǒng)計(jì)圖的贞绳,具體見(jiàn):這里
那是基于 dojo 組件來(lái)實(shí)現(xiàn)圖表統(tǒng)計(jì)的膳殷,實(shí)現(xiàn)的效果一般般操骡;所以,本篇利用 arcgis api 3.x 結(jié)合 echarts 實(shí)現(xiàn)統(tǒng)計(jì)圖效果赚窃,效果比之前好看册招,效果圖如下:
image
image
實(shí)現(xiàn)的思路
- 自定義氣泡窗口 ChartInfoWindow,繼承 InfoWindowBase勒极,為了 echarts 統(tǒng)計(jì)圖表展示在自定義的氣泡窗口里面是掰;自定義氣泡窗口 ChartInfoWindow 是為了適應(yīng)地圖上同時(shí)展示多個(gè)圖表,地圖默認(rèn)的氣泡窗口只能顯示一個(gè)河质,不能同時(shí)顯示多個(gè)的冀惭;
- 定義 ChartInfoWindow 的樣式,具體樣式如下:
更多的詳情見(jiàn):GIS之家小專欄
文章尾部提供源代碼下載掀鹅,對(duì)本專欄感興趣的話,可以關(guān)注一波