# CTF 地圖 🗺 CTF style map > [name=NC] 想要擁有和CAPTURE THE FLAG專輯內頁的同款客製化地圖嗎?跟著下面步驟就可以免費取得! Follow this tutorial to make yourself a map as seen in CAPTURE THE FLAG album! [![](https://pbs.twimg.com/media/GD5GbIxa8AAmfez?format=jpg&name=small =22%x)![](https://pbs.twimg.com/media/GD5GbJCbgAAQfGl?format=jpg&name=small =22%x)](https://x.com/vannerofficial/status/1746911141639733457)[![](https://pbs.twimg.com/media/GD5Gp8UaIAAsGjc?format=jpg&name=small =34%x)](https://x.com/VannerOfficial/status/1746911395705405659)[![](https://pbs.twimg.com/media/GD5Fh6zbwAAlHO7?format=jpg&name=small =22%x)](https://x.com/VannerOfficial/status/1746910159329493479) 範例成品:首爾 & 台北市 Examples: Seoul & Taipei [![](https://pbs.twimg.com/media/GD6TbRUXMAAl3y6?format=jpg&name=small =50%x)![](https://pbs.twimg.com/media/GD6Tc71WAAAFCof?format=jpg&name=small =50%x)](https://x.com/NC_vvs/status/1746996135821005151) 🔗 [SNAZZY MAPS](https://snazzymaps.com) ## 建立地圖樣式 Create map style 👉 CREATE A STYLE > JASON Import ![](https://hackmd.io/_uploads/B1EcTOGap.png =30%x) 👉 把下面這串JSON原始碼貼入紅框內 > APPLY STYLE Paste JSON below into the red slot > APPLY STYLE ![](https://hackmd.io/_uploads/r1Sx0dfa6.png =50%x) :::spoiler **JSON 原始碼** ``` [ { "featureType": "all", "elementType": "geometry.fill", "stylers": [ { "weight": "2.00" } ] }, { "featureType": "all", "elementType": "geometry.stroke", "stylers": [ { "color": "#9c9c9c" } ] }, { "featureType": "all", "elementType": "labels", "stylers": [ { "visibility": "off" } ] }, { "featureType": "administrative", "elementType": "geometry.fill", "stylers": [ { "color": "#ba3030" }, { "visibility": "on" } ] }, { "featureType": "administrative", "elementType": "geometry.stroke", "stylers": [ { "visibility": "off" }, { "color": "#b93636" } ] }, { "featureType": "landscape", "elementType": "geometry", "stylers": [ { "color": "#f3f3f3" } ] }, { "featureType": "landscape.man_made", "elementType": "geometry.fill", "stylers": [ { "visibility": "on" }, { "color": "#fbdace" } ] }, { "featureType": "landscape.natural.landcover", "elementType": "geometry.fill", "stylers": [ { "visibility": "on" }, { "color": "#cceecc" }, { "saturation": "-78" }, { "lightness": "28" } ] }, { "featureType": "poi", "elementType": "all", "stylers": [ { "visibility": "off" } ] }, { "featureType": "poi", "elementType": "geometry.fill", "stylers": [ { "visibility": "on" }, { "color": "#ffedec" } ] }, { "featureType": "road", "elementType": "all", "stylers": [ { "saturation": -100 }, { "lightness": 45 } ] }, { "featureType": "road", "elementType": "geometry.fill", "stylers": [ { "color": "#fbdfbd" }, { "visibility": "off" } ] }, { "featureType": "road", "elementType": "geometry.stroke", "stylers": [ { "visibility": "on" } ] }, { "featureType": "road.highway", "elementType": "all", "stylers": [ { "visibility": "simplified" }, { "color": "#f7941d" } ] }, { "featureType": "road.highway", "elementType": "geometry.fill", "stylers": [ { "visibility": "on" }, { "color": "#b43929" }, { "weight": "1.50" } ] }, { "featureType": "road.highway", "elementType": "geometry.stroke", "stylers": [ { "visibility": "off" }, { "weight": "2.00" } ] }, { "featureType": "road.highway", "elementType": "labels", "stylers": [ { "visibility": "off" } ] }, { "featureType": "road.arterial", "elementType": "geometry.fill", "stylers": [ { "visibility": "on" }, { "color": "#efa686" }, { "saturation": "0" }, { "weight": "3.00" } ] }, { "featureType": "road.arterial", "elementType": "geometry.stroke", "stylers": [ { "visibility": "on" }, { "color": "#b2b2b2" }, { "weight": "0.50" } ] }, { "featureType": "road.local", "elementType": "geometry.fill", "stylers": [ { "visibility": "off" }, { "weight": "0.70" }, { "saturation": "0" }, { "lightness": "69" }, { "gamma": "1" } ] }, { "featureType": "road.local", "elementType": "geometry.stroke", "stylers": [ { "visibility": "off" } ] }, { "featureType": "transit.line", "elementType": "geometry.fill", "stylers": [ { "visibility": "on" }, { "color": "#b43929" } ] }, { "featureType": "transit.station", "elementType": "geometry.fill", "stylers": [ { "visibility": "off" } ] }, { "featureType": "transit.station", "elementType": "geometry.stroke", "stylers": [ { "visibility": "off" } ] }, { "featureType": "water", "elementType": "all", "stylers": [ { "color": "#a0bfcb" }, { "visibility": "on" } ] }, { "featureType": "water", "elementType": "geometry.fill", "stylers": [ { "color": "#e5def0" } ] }, { "featureType": "water", "elementType": "geometry.stroke", "stylers": [ { "visibility": "off" } ] }, { "featureType": "water", "elementType": "labels.text", "stylers": [ { "visibility": "off" } ] } ] ``` ::: <br> 👉 完成的話長這樣,![](https://hackmd.io/_uploads/rJ9W1tGaa.png =60x) 儲存到你個人的地圖資料庫中 Save it to your own library ![](https://hackmd.io/_uploads/HJJjCdzpT.png =50%x) 👉 可以在左邊欄位自行調整各項細節顏色設定 Adjust the detail setting and color for your preference ## 下載套版地圖 Download map with style 👉 ![](https://hackmd.io/_uploads/SkDzkKz6T.png =150x) 下載地圖 用 ![](https://hackmd.io/_uploads/rJBYeKMaa.png =20x)搜尋城市/地名,在瀏覽窗格中拖曳到想要截取的區域 Search ![](https://hackmd.io/_uploads/rJBYeKMaa.png =20x)city/location, drag the map in the preview area 👉 下載設定:(最高畫質設定) Download setting (Highest resolution) Dimension = 1000 x 1000 px Scale Factor = 3x ![](https://hackmd.io/_uploads/ByYxgtz6p.png =80%x) 👉 後製可用 PS 或其他製圖軟體拼圖,來做更大張的地圖 Use other graphic softwares to collage a bigger map if you want 👉 每天單個帳號有 10 張圖片下載上限,可以開多個帳號或分天下載 There's a 10 image download limit per day per account. *** > NC 碎碎念:原本想要直接發布成公開的地圖樣式讓大家套用,但沒想到[SNAZZY MAPS](https://snazzymaps.com)的網站已經被管理者棄置🤣網站功能還是可以正常使用,只是申請發布審核不會被上架😂 > 所以繞道而行,把原始碼直接公開給大家取用~🤗 *** 相關傳送門: **[💎VAgazine][va] | [🚩CATPURE THE FLAG 活動紀錄][c] [🗃VANNER 編年史][y] | [🗃VANNER 考古專欄][a] | [🍯HONEYLOG文章列表][h] | [🗃Vlive 資料庫][v]** [va]: https://hackmd.io/@VAgazine/VAgazine [y]: https://hackmd.io/@NC-vvs/VVShistory "編年史" [v]: https://hackmd.io/@NC-vvs/VliveArchive "VLive整理" [h]: https://hackmd.io/@NC-vvs/HoneylogLog "Honeylog文章列表" [a]: https://hackmd.io/@NC-vvs/VVSarchive "考古專欄" [c]: https://hackmd.io/@VAgazine/CTFlag "CTF迷你二輯"