99热国产在线精品99,久久精品中文字幕99,国产精品一久久香蕉产线看,久久国产精品老人性,国产成年无码aⅴ片在线观看

国产精品美女久久久浪潮AV,国产精品三级一二三区,久久精品国产一区二区小说 ,依依成人影视国产精品,全部无卡免费的毛片在线看,日本一区二区三深夜不卡,国产精品女同一区二区久久,国产精品夜色一区二区三区

如何制作數(shù)據(jù)可視化地圖

2021-8-15 濤濤

第三方地圖的獲取和對接

普通地圖一般都是去對接三方平臺，如百度地圖、高德地圖、騰訊地圖、谷歌地圖等。他們都會提供對應(yīng)的地圖開放服務(wù)。以高德地圖為例，實操一下地圖的獲取和調(diào)色方法以及最后跟開發(fā)交付的流程。

首先登錄高德開放平臺，點擊右上角控制臺

進入控制臺會進入下圖頁面（大家可以多點點查看下平臺的相關(guān)功能內(nèi)容，比如點擊數(shù)據(jù)可視化里面會有集成的地圖可視化效果）

數(shù)據(jù)可視化里面后有一些集成的模板化的效果，大家可以點點看看

回到主題點擊自定義地圖就可以對地圖進行自定義配置了，如下圖：

頁面上會有好多配置好的模板供你選擇，也可以選擇自己自定義配置，根據(jù)需要選擇一個點擊進去，就進入地圖配置頁面。

上圖中左側(cè)為地圖的可配置項目，點擊選擇可根據(jù)自己的需求對地圖進行配置，包括顏色字體界線等等都可以配置。每個配置項下面都會有很多配置子項，非常詳細，當然里面會有些收費的配置項需要付費后使用，這塊大家可以多點點，根據(jù)自己需求來做調(diào)整。

如果想要獲取3d建筑的樣式把右下角層級超過17后，會顯示建筑，可根據(jù)需求調(diào)整角度和位置。

最后將調(diào)整好的樣式，直接放大全屏后截屏后就可以在設(shè)計稿里使用了。

關(guān)于開發(fā)樣式的對接

將配置好的文件點擊右上角的發(fā)布，直接繼續(xù)點擊發(fā)布

發(fā)布成功后會出現(xiàn)如下的彈框，里面會有一些調(diào)用和使用地圖的方法。

根據(jù)使用需求可選擇不同平臺的使用方式，直接復制鏈接丟給開發(fā)就好了。

3D地圖建模及貼圖的制作獲取方法

首先看下網(wǎng)上找的兩張參考圖的效果

（圖片源自網(wǎng)絡(luò)，如侵權(quán)刪）

（圖片源自光啟元，如侵權(quán)刪）

3D地圖的獲取和建模的流程

首先大家可以在網(wǎng)上下載地圖的邊界輪廓文件，這里推薦網(wǎng)站-阿里云Data V 的一款地圖選擇器（http://datav.aliyun.com/tools/atlas/index.html#&lat=30.332329214580163&lng=106.72278672066881&zoom=3.5）

這里可以下載對應(yīng)的各個省份城市的邊界地圖輪廓模型的svg文件，點擊左下角進行下載

以山東省為例將下載好的svg文件導入ai里轉(zhuǎn)換成ai格式，這里要注意的是另存的時候一定要選擇比較早的版本，建議存為Illustrator 8圖中箭頭所指的那個版本，要不然c4d會是識別不出來。

將轉(zhuǎn)換好的ai文件導入c4d，執(zhí)行擠壓。山東省的3d模型就建好了。

模型建好之后需要將模型進行展UV處理（展uv：將一個3D立體的模型拆開，展開成一個平面2D圖片。作用：使模型的貼圖效果更真實。）這里用到展uv的插件（FDUVToolkit 1.0）后臺回復 uv插件可獲取插件。下圖是在c4d中展完uv的樣圖，截圖保存下做備用（為后面的貼圖位置做參考，后面的貼圖需要和展uv的這個圖一一對應(yīng)上）。

將處理好的模型導出obj備用(后面給開發(fā)和在ae中處理效果都會用到這個格式)

漫射貼圖制作的思路

首先在Google Eaeth Pro 上面找個省份對應(yīng)的位置然后執(zhí)行文件-保存就能保存當前展示得地圖紋理了（建議保存兩張貼圖，一張帶邊界和地名的方面后面制作貼圖的時候方便對上位置，第二張就是無邊界地名的作為最終的漫射貼圖）。

將c4d展完uv的截圖、還有制作模型下載的地圖邊界路徑、和剛才的截圖一一拖入ai里面，新建一個4k（這里根據(jù)需求建就行）的畫布，將展uv的截圖縮放到畫布大小，如下圖，然后根據(jù)邊界輪廓都對應(yīng)好執(zhí)行剪切蒙版，最終會得到下面的圖的效果。（切記貼圖的位置一定要和上面uv截圖的位置一致，要不然貼上會是亂的）

高度貼圖的思路（用到軟件QGIS）

首先去地理空間數(shù)據(jù)云上下載素材：選擇對應(yīng)的行政區(qū)位置。

將下載好的數(shù)據(jù)解壓后倒入QGIS軟件；倒入的圖片稍微有些明顯的拼接的縫隙將圖片位移處理后導出備用。

最后處理完的貼圖如下:（切記貼圖的位置一定要和上面uv截圖的位置一致）

法線貼圖的獲取和處理思路

將處理好的高度貼圖導入到ps中執(zhí)行-濾鏡-3D-生成法線圖

直接點擊確定，法線圖就做好了，直接導出就可以了，最終效果如下：

這樣整個3d地圖所需要的貼圖就都做好了。

最后貼圖制作好了之后就是貼到模型上處理效果，因篇幅原因本期暫時不分享了。

城市模型的獲取方法

推薦一個網(wǎng)站用于下載地圖數(shù)據(jù)叫-OpenStreetMap （OpenStreetMap 是一個由地圖制作愛好者組成的社區(qū)。這些愛好者提供并維護世界各地關(guān)于道路、小道、咖啡館、鐵路車站等各種各樣的數(shù)據(jù)。）

地址：https://www.openstreetmap.org/#map=15/39.9198/116.4536需要的自取。

首次打開是這樣的

點擊導出會進入下面界面，（ps：當前屏幕看到的區(qū)域就是要導出下載的位置）點擊下方的藍色導出按鈕就會提示下載，最終得到一個map.osm的文件。

下面需要將下載好的地圖數(shù)據(jù)轉(zhuǎn)換成模型，這里用到的軟件是Blender及他的GIS插件公眾號回復“Blender” 或“GIS插件”領(lǐng)取安裝包（包里有詳細安裝說明）

先打開Blender：選擇 GIS - 導入 - Open Steeet Map xml（.osm）

根據(jù)界面內(nèi)容選擇剛下載的文件進行導入

導入后就會得到下面的城市模型了，如下圖：

執(zhí)行：文件 - 導出 - 選擇后綴是.obj的這個如下圖就可以將模型導出obj了。

做到這一步本次的分享也要接近尾聲了，后續(xù)的操作可繼續(xù)在Blender里做效果，或者通過Blender導出城市的obj格式的模型文件，用C4D打開做效果。

以上方法只是獲取一些建模的方法，后面一些定制化需求需要針對某一個建筑單獨建模，一般都是基于實測數(shù)據(jù)畫出建筑的整體外輪廓，然后把實際拍攝的大樓四個面的照片進行處理制作為貼圖貼上，篇幅原因大概講一個思路。

最終的效果-深色

淺色效果

關(guān)于開發(fā)對接

一般這種效果都會有好多種實現(xiàn)方法，threeJS，webgl，U3D，Ue4，Ventuz等等，如何對接開發(fā)給開發(fā)提供那些東西，這都取決于開發(fā)使用的工具和實現(xiàn)的方式，這里建議做之前充分跟開發(fā)溝通想要的效果，可以讓他們做個調(diào)研方案，這樣會事半功倍，免得做一些無用功，出現(xiàn)設(shè)計和開發(fā)相互甩鍋來回扯皮的情況。

不管是基于什么實現(xiàn)大致的實現(xiàn)思路都是差不多的，基本都是會需要設(shè)計師提供地圖模型、UV貼圖、烘焙貼圖、材質(zhì)參數(shù)等等。

這些東西對接其實跟咱們自己建模貼圖然后在處理材質(zhì)燈光（有些不支持燈光渲染，就需要把燈光的效果烘焙到貼圖上直接給貼圖）這些參數(shù)是一個原理，把基礎(chǔ)模型和對應(yīng)的參數(shù)和貼圖，給到開發(fā)就可以了。

藍藍設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進入一起成長學習，請掃碼ben_lanlan，報下信息，會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系。

文章來源：站酷作者：MR小六

分享此文一切功德，皆悉回向給文章原作者及眾讀者.

免責聲明：藍藍設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍藍設(shè)計( www.shtzxx.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計、 cs界面設(shè)計、 ipad界面設(shè)計、包裝設(shè)計、圖標定制、用戶體驗、交互設(shè)計、網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)