If y'all liked the WarGames Dashboard, that was featured on terminal week, therefore y'all mightiness hold out interested inwards creating your ain WarGames map style.
Here's a quick tutorial on making a WarGames map using Mapbox Studio. Before getting started y'all tin banking concern agree out the finished map here.
1. The Base Map
The base of operations map for the WarGames map comes from Project Linework. Project Linework convey made a position out of unique map styles, all of which tin hold out downloaded inwards the GeoJSON format. The WarGames map mode has hexagonal coast lines as well as borders which is perfect for our map.
Download the WarGames map mode from Project Linework inwards the GeoJSON format.
In Mapbox Studio select 'New Style' as well as therefore pick out the 'Empty' option from the listing of templates.
Click on 'New Dataset' as well as therefore 'Select a File'.
I decided to exactly upload the admin0_lines.json & admin0_polygons.json files for province borders as well as province shapefiles as well as the admin1_lines.json for province as well as get-go admin marking boundaries. If y'all desire y'all tin add together to a greater extent than special to your map past times every bit good uploading the lakes.json every bit well.
Once y'all convey uploaded the information to Mapbox Studio y'all involve to add together each json file to your map. Select the file y'all desire to add together to your file from your listing of 'Datasets' as well as therefore select 'Add to Style'. Do this for each of the json files y'all desire to add together to your map.
Each fourth dimension y'all add together a dataset to your map y'all involve to click on 'Create Layer' to become far an active layer inwards your Mapbox Studio map style.
2. Styling Your Basemap
Lets mode the H2O on our map. We truly haven't added whatsoever H2O features to our map. However the 'background' layer volition suffice every bit it is straightaway basically the world's seas as well as oceans. Click on the 'background' layer inwards your listing of layers. Click on the color as well as locomote inwards #0d1b29.
Now mode the land. Click on your 'admin0_polygons' layer inwards the layers menu. Click on the color as well as locomote inwards #246.
3. Make Your Borders Glow
You tin brand neon glowing borders for your map past times duplicating the province borders layer as well as styling each layer a niggling differently.
Select the master province edge layer as well as gear upward the width to 1px as well as the color to #32d9d9.
Click on your province edge layer. Then select the 'Duplicate Layer' icon to re-create that layer. Now select your duplicate layer as well as gear upward the width to 9px as well as the blur to 10px.
Now duplicate this layer every bit good as well as select the novel layer as well as gear upward the width to 15px.
You mightiness involve to brand certain your province edge layer as well as 2 duplicate layers are inwards the right stacking order. In the layers carte your master should hold out at the superlative as well as the 2 duplicate underneath inwards descending order. If they aren't inwards this gild y'all tin rearrange them but past times dragging the layers into the right order.
4. Add Country Labels
Lets add together the names of countries to our map. Select '+ New Layer' as well as therefore 'Select a Database'. Now select 'country-label' from the list.
After y'all convey added province labels select the country-label layer from the layers menu. From 'select data' brand certain y'all convey chosen the 'Symbol' option.
From the mode carte select '{name_en}' inwards the 'text field'. Change the 'Font' past times selecting 'Magda Clean Mono Offc Pro Black' from the listing of fonts. I every bit good set the 'Size' to 11px.
That's it! If y'all are happy alongside your novel WarGames map mode exactly click on the 'Publish' push clit to consummate your map.
I decided to exactly upload the admin0_lines.json & admin0_polygons.json files for province borders as well as province shapefiles as well as the admin1_lines.json for province as well as get-go admin marking boundaries. If y'all desire y'all tin add together to a greater extent than special to your map past times every bit good uploading the lakes.json every bit well.
Once y'all convey uploaded the information to Mapbox Studio y'all involve to add together each json file to your map. Select the file y'all desire to add together to your file from your listing of 'Datasets' as well as therefore select 'Add to Style'. Do this for each of the json files y'all desire to add together to your map.
Each fourth dimension y'all add together a dataset to your map y'all involve to click on 'Create Layer' to become far an active layer inwards your Mapbox Studio map style.
2. Styling Your Basemap
Lets mode the H2O on our map. We truly haven't added whatsoever H2O features to our map. However the 'background' layer volition suffice every bit it is straightaway basically the world's seas as well as oceans. Click on the 'background' layer inwards your listing of layers. Click on the color as well as locomote inwards #0d1b29.
Now mode the land. Click on your 'admin0_polygons' layer inwards the layers menu. Click on the color as well as locomote inwards #246.
3. Make Your Borders Glow
You tin brand neon glowing borders for your map past times duplicating the province borders layer as well as styling each layer a niggling differently.
Select the master province edge layer as well as gear upward the width to 1px as well as the color to #32d9d9.
Click on your province edge layer. Then select the 'Duplicate Layer' icon to re-create that layer. Now select your duplicate layer as well as gear upward the width to 9px as well as the blur to 10px.
Now duplicate this layer every bit good as well as select the novel layer as well as gear upward the width to 15px.
You mightiness involve to brand certain your province edge layer as well as 2 duplicate layers are inwards the right stacking order. In the layers carte your master should hold out at the superlative as well as the 2 duplicate underneath inwards descending order. If they aren't inwards this gild y'all tin rearrange them but past times dragging the layers into the right order.
4. Add Country Labels
Lets add together the names of countries to our map. Select '+ New Layer' as well as therefore 'Select a Database'. Now select 'country-label' from the list.
After y'all convey added province labels select the country-label layer from the layers menu. From 'select data' brand certain y'all convey chosen the 'Symbol' option.
From the mode carte select '{name_en}' inwards the 'text field'. Change the 'Font' past times selecting 'Magda Clean Mono Offc Pro Black' from the listing of fonts. I every bit good set the 'Size' to 11px.
That's it! If y'all are happy alongside your novel WarGames map mode exactly click on the 'Publish' push clit to consummate your map.
Buat lebih berguna, kongsi:
