在日常大屏報表設(shè)計工作中派阱，我們會經(jīng)常使用到地圖下鉆效果惶洲，今天作者教大家簡單的使用axure軟件來制作中國地圖點擊下鉆的動效果杉允，通過此原理可以做更細(xì)的下鉆交互。
教程整體簡單束亏，適合AXURE初中級同學(xué)學(xué)習(xí)铃在。
主要使用到了axure的鼠標(biāo)點擊事件，動態(tài)面板碍遍，簡單的點擊邏輯定铜。
準(zhǔn)備素材為中國地圖和各省份的svg資源。推薦一個免費獲取svg地圖的平臺http://datav.aliyun.com/tools/atlas/index.html怕敬，當(dāng)然你也可以聯(lián)系作者付費獲取整理好的地圖資源揣炕。
話不多說先看演示：
在線演示地址：https://www.pmdaniu.com/storage/127442/fe67fcbcb6d022f4c0a6a3d1cae4d235-12007/index.html
具體操作如下：
步驟一：
在axure里新建一個工程文件，把中國地圖加載進來东跪，同時創(chuàng)建一個動態(tài)面板命名為“彈出面板”如下圖：
彈窗面板畸陡，需要設(shè)置固定到瀏覽器做水平垂直居中鹰溜。
步驟二：
將預(yù)先整理好的省份地圖樣式導(dǎo)入到動態(tài)面板中，建議大家按省份命名面板狀態(tài)丁恭，方便后面些交互邏輯使用曹动，如下圖：
步驟二：（最為關(guān)鍵，邏輯部分）
大概思路其實很簡單牲览，就是鼠標(biāo)點擊墓陈，顯示面板為彈窗，并顯示對應(yīng)的省份狀態(tài)第献。操作如下：
最后復(fù)制用戶例修改彈窗面板的省份即可保存演示贡必。
