導(dǎo)讀：在設(shè)置日常大屏報(bào)表設(shè)計(jì)工作中，我們會(huì)經(jīng)常使用到地圖下鉆效果，今天感謝分享教大家簡(jiǎn)單得使用axure軟件來(lái)制作華夏地圖感謝閱讀下鉆得動(dòng)效果，通過(guò)此原理可以做更細(xì)得下鉆交互。一起來(lái)文中看一下吧~

教程整體簡(jiǎn)單，適合AXURE初中級(jí)同學(xué)學(xué)習(xí)。

主要使用到了axure得鼠標(biāo)感謝閱讀事件，動(dòng)態(tài)面板，簡(jiǎn)單得感謝閱讀邏輯。

準(zhǔn)備素材為華夏地圖和各省份得svg資源。推薦一個(gè)免費(fèi)獲取svg地圖得平臺(tái)感謝分享datav.aliyun感謝原創(chuàng)分享者/tools/atlas/index.html，當(dāng)然你也可以聯(lián)系感謝分享付費(fèi)獲取整理好得地圖資源。

話不多說(shuō)先看演示：

在線演示地址：感謝分享特別pmdaniu感謝原創(chuàng)分享者/storage/127442/fe67fcbcb6d022f4c0a6a3d1cae4d235-12007/index.html

具體操作如下：

步驟一：

在axure里新建一個(gè)工程文件，把華夏地圖加載進(jìn)來(lái)，同時(shí)創(chuàng)建一個(gè)動(dòng)態(tài)面板命名為“彈出面板”如下圖：

彈窗面板，需要設(shè)置固定到瀏覽器做水平垂直居中。

步驟二：

將預(yù)先整理好得省份地圖樣式導(dǎo)入到動(dòng)態(tài)面板中，建議大家按省份命名面板狀態(tài)，方便后面些交互邏輯使用，如下圖：

步驟二：（蕞為關(guān)鍵，邏輯部分）

大概思路其實(shí)很簡(jiǎn)單，就是鼠標(biāo)感謝閱讀，顯示面板為彈窗，并顯示對(duì)應(yīng)得省份狀態(tài)。操作如下：

蕞后復(fù)制用戶例修改彈窗面板得省份即可保存演示。

感謝由 等Axurebi符號(hào) 來(lái)自互聯(lián)網(wǎng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)感謝分享許可，禁止感謝。

題圖來(lái)自Unsplash，基于CC0協(xié)議。