Netsyms/osm-liberty-dark
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Update modify icons instructions

Browse Source
This commit is contained in:
pathmapper 2018-09-13 18:09:47 +02:00 committed by GitHub
parent acf5c2706b
commit e3764a7e9c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 10 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
README.md
View File

@ -27,8 +27,8 @@ Another option is to create your own vector tiles with [OpenMapTiles](https://gi
body { margin:0; padding:0; } body { margin:0; padding:0; }
#map { position:absolute; top:0; bottom:0; width:100%; } #map { position:absolute; top:0; bottom:0; width:100%; }
</style> </style>
<script src='https://api.tiles.mapbox.com/mapbox-gl-js/v0.48.0/mapbox-gl.js'></script> <script src='https://api.tiles.mapbox.com/mapbox-gl-js/v0.49.0/mapbox-gl.js'></script>
<link href='https://api.tiles.mapbox.com/mapbox-gl-js/v0.48.0/mapbox-gl.css' rel='stylesheet' /> <link href='https://api.tiles.mapbox.com/mapbox-gl-js/v0.49.0/mapbox-gl.css' rel='stylesheet' />
</head> </head>
<body> <body>
<div id='map'></div> <div id='map'></div>
@ -81,9 +81,11 @@ Green | `#76a723`
**Modify Icons** **Modify Icons**
1. Take the `iconset.json` and upload it to the [Maki Editor](https://www.mapbox.com/maki-icons/#editor). 1. Take the `iconset.json` and import it to the [Maki Editor](https://www.mapbox.com/maki-icons/editor/).
2. Apply your changes and download the fonts and icon set again. 2. Apply your changes and download the icons in SVG format and the iconset in JSON format.
3. Ensure you format the JSON first with `cat iconset.json | jq -MS '.'` 3. Optional: Format the JSON with `cat iconset.json | jq -MS '.'` for better legibility.
4. Install [spritezero](https://github.com/mapbox/spritezero) `npm install spritezero-cli` 4. Add the SVG files from the folder [svgs_not_in_iconset](https://github.com/maputnik/osm-liberty/tree/gh-pages/svgs/svgs_not_in_iconset) to the folder `svgs` downloaded from the Maki Editor.
5. Generate the low resolution sprites `spritezero sprites/osm-liberty ./svgs/` These are the SVGs for road shields, the dot used for city and town layers and the road area pattern which could not be modified using the Maki Editor. To modify these you could use e.g. [Inkscape](https://inkscape.org).
6. Generate the high resolution sprites `spritezero sprites/osm-liberty@2x ./svgs/` 5. Install [spritezero-cli](https://github.com/mapbox/spritezero-cli): `npm install -g @mapbox/spritezero-cli`
6. Generate the low resolution sprites: `spritezero osm-liberty ./svgs/`
7. Generate the high resolution sprites: `spritezero --retina osm-liberty@2x ./svgs/`