ios-echarts有關銷售分布的地圖繪制

先上效果圖


用的ios-echart這個庫,更改地圖的樣式還是有一點坑的。

現在達到的效果是,會根據不同的省份銷售額占比,來顯示同一顏色的不同透明度,并且,點擊會出現這一省份的銷售情況和顏色加深邊緣線變深,再點擊別的區域,原先的區域會變成原來的顏色,選中的區域顏色變深。沒有銷售額的省份,點擊是沒有變色的。

我也是研究了好久,發現也沒有哪個人對這個給出教程,所以貼出了自己寫的一寫代碼,方便別人用。


1、首先把有銷售額的幾個省份的json字符串拼接出來,加入數組中備用。

2、把數組中的字符串拼接起來,放入大的框架json字符串中,讓你的mapview進行加載。

3、mapview中有可以監聽點擊地圖范圍的方法,我們可以在該方法中,做一些自己想要的操作。

4、找到點擊的區域model,拼接json字符串,這里要求選中狀態(emphasis)與未選中狀態(normal)不同,其他區域的要寫成相同的。

5、拼接,刷新。注意這里設置的itemStyle就是沒有在模型數組里的那些區域了,兩種狀態設置一樣的顏色就不會讓他們在選中狀態的時候變色了。

6、maptapView就是點擊時候出來的那個黑塊,是我自己寫的一個view類,點擊移除(保持屏幕中只有一個黑塊),獲取到屏幕的坐標位置,然后因為是在tableview上,所以還要減去屏幕的偏移量,最后再添加這個view。

7、滾動的時候,移除6中提到的黑塊,并計算保存屏幕的偏移量。

這樣困擾了很久的地圖問題就解決了。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容