天天看點

vue 高德地圖 不同區域顯示不同顔色_高德地圖除了導航居然還有這種作用!看上去就很進階...

vue 高德地圖 不同區域顯示不同顔色_高德地圖除了導航居然還有這種作用!看上去就很進階...

提到高德地圖,相信咱們每一個人都不會陌生,日常用來導航,也可以用來打車,一次呼叫8種車型,非常友善:

vue 高德地圖 不同區域顯示不同顔色_高德地圖除了導航居然還有這種作用!看上去就很進階...

但是,如果你把它僅僅當做一個導航工具,那麼,你可能真的小看了它。因為你知道嗎?其實我們可以利用它,輕松做出高大上的PPT地圖:

vue 高德地圖 不同區域顯示不同顔色_高德地圖除了導航居然還有這種作用!看上去就很進階...
vue 高德地圖 不同區域顯示不同顔色_高德地圖除了導航居然還有這種作用!看上去就很進階...

也可以用它制作高大上的PPT資料圖表,就像這樣:

vue 高德地圖 不同區域顯示不同顔色_高德地圖除了導航居然還有這種作用!看上去就很進階...
vue 高德地圖 不同區域顯示不同顔色_高德地圖除了導航居然還有這種作用!看上去就很進階...

即便你完全沒有設計基礎,也可以完成,是不是感覺超贊?

好了,廢話了那麼半天,那麼,作為旁門左道PPT的讀者,接下來,你們就會知道該如何完成。

想要發掘出高德地圖更強悍的功能,我們需要進入這個網站:https://lbs.amap.com,也就 是高德開放平台。

vue 高德地圖 不同區域顯示不同顔色_高德地圖除了導航居然還有這種作用!看上去就很進階...

在這裡,我們可以自定義地圖的樣式,從最基礎的改變顔色:

vue 高德地圖 不同區域顯示不同顔色_高德地圖除了導航居然還有這種作用!看上去就很進階...

到添加地圖的紋理:

vue 高德地圖 不同區域顯示不同顔色_高德地圖除了導航居然還有這種作用!看上去就很進階...

當然,你還可以建立三維地圖:

vue 高德地圖 不同區域顯示不同顔色_高德地圖除了導航居然還有這種作用!看上去就很進階...

那這些到底是怎麼建立的呢?我們點選『自定義地圖』,就會進入到具體操作界面:

vue 高德地圖 不同區域顯示不同顔色_高德地圖除了導航居然還有這種作用!看上去就很進階...

在這裡呢,你可以借用它提供的基礎模闆,建立個性化地圖:

vue 高德地圖 不同區域顯示不同顔色_高德地圖除了導航居然還有這種作用!看上去就很進階...

假如說咱們随便去選擇一個模闆,進入之後呢,在這裡,咱們可以去選擇,修改地圖上的所有資訊的顔色,或者是設定内容是否顯示等。

比如在制作PPT時,我為了着重展示某一塊區域,那麼,就可以将幹擾内容設定不顯示,并通過色彩修改進行強調展示:

vue 高德地圖 不同區域顯示不同顔色_高德地圖除了導航居然還有這種作用!看上去就很進階...

然後截圖放在 PPT 頁面上即可:

vue 高德地圖 不同區域顯示不同顔色_高德地圖除了導航居然還有這種作用!看上去就很進階...

當然,如果你不懂色彩搭配,你可以使用『圖檔建立地圖』的功能,系統會自動幫你從圖檔取色進行搭配:

vue 高德地圖 不同區域顯示不同顔色_高德地圖除了導航居然還有這種作用!看上去就很進階...

建立3D地圖

這應該是很多朋友特别感興趣的一個點,那它是怎麼用的呢?

我們搜尋『高德地圖-3D地圖示例中心』,進入之後呢,我們會發現,這是一個示範的界面,不能搜尋位置:

vue 高德地圖 不同區域顯示不同顔色_高德地圖除了導航居然還有這種作用!看上去就很進階...

那如果說,想要定位到具體的位置,該怎麼辦呢?咱們可以在右側的代碼區編輯一個坐标:

vue 高德地圖 不同區域顯示不同顔色_高德地圖除了導航居然還有這種作用!看上去就很進階...

問題又來了,怎麼隻找到相應位置的坐标呢?這裡就分為兩個步驟:

01.在網上随便找一個『拾取坐标系統』的工具,高德地圖也提供有這個功能:

vue 高德地圖 不同區域顯示不同顔色_高德地圖除了導航居然還有這種作用!看上去就很進階...

02.把我們想要定位的位置輸入進去,就會自動生成一個坐标:

vue 高德地圖 不同區域顯示不同顔色_高德地圖除了導航居然還有這種作用!看上去就很進階...

然後呢,把它輸入到剛才的代碼中就行了,這時候咱們就會得到一個符合需求的三維地圖:

vue 高德地圖 不同區域顯示不同顔色_高德地圖除了導航居然還有這種作用!看上去就很進階...

用在PPT中,也是超酷的:

vue 高德地圖 不同區域顯示不同顔色_高德地圖除了導航居然還有這種作用!看上去就很進階...

當然,如果你會用 PS ,再來推薦一個插件,叫做 3D Map Generator ,使用它提供的功能,我們可以做出超寫實的地圖:

vue 高德地圖 不同區域顯示不同顔色_高德地圖除了導航居然還有這種作用!看上去就很進階...

簡單分享一些案例圖:

vue 高德地圖 不同區域顯示不同顔色_高德地圖除了導航居然還有這種作用!看上去就很進階...
vue 高德地圖 不同區域顯示不同顔色_高德地圖除了導航居然還有這種作用!看上去就很進階...

建立可視化地圖圖表

除了對地圖的形式進行修改之外,我們還可以基于地圖建立各種地圖圖表。就像這樣:

vue 高德地圖 不同區域顯示不同顔色_高德地圖除了導航居然還有這種作用!看上去就很進階...

全國各景點分布熱力圖

vue 高德地圖 不同區域顯示不同顔色_高德地圖除了導航居然還有這種作用!看上去就很進階...

北京交通節點分布圖

而建立可視化圖表的方法也很簡單,完全傻瓜化操作,我們隻需要在 Excel 中輸入資料,然後上傳,選擇一個圖表模闆即可:

vue 高德地圖 不同區域顯示不同顔色_高德地圖除了導航居然還有這種作用!看上去就很進階...

幾乎沒什麼難度,如果你實在不會做,還可以看它們提供的教程:

vue 高德地圖 不同區域顯示不同顔色_高德地圖除了導航居然還有這種作用!看上去就很進階...

那麼,它在PPT設計中有什麼用呢?随便舉幾個例子。

比如對于做電商的朋友,我們可以在年終總結彙報PPT上,我們可以利用它來展示産品在不同區域的喜好程度:

vue 高德地圖 不同區域顯示不同顔色_高德地圖除了導航居然還有這種作用!看上去就很進階...

如果你做學術PPT,也可以展示你的分析結論:

vue 高德地圖 不同區域顯示不同顔色_高德地圖除了導航居然還有這種作用!看上去就很進階...

當然,基礎的工具在這裡,能做出什麼樣,全看個人創意了

vue 高德地圖 不同區域顯示不同顔色_高德地圖除了導航居然還有這種作用!看上去就很進階...

轉自網絡