{"id":596032,"date":"2017-12-07T12:02:55","date_gmt":"2017-12-07T12:02:55","guid":{"rendered":"https:\/\/toolset.com\/?post_type=course-lesson&p=596032"},"modified":"2021-01-19T13:22:16","modified_gmt":"2021-01-19T13:22:16","slug":"using-custom-styles-for-maps","status":"publish","type":"course-lesson","link":"https:\/\/toolset.com\/de\/course-lesson\/using-custom-styles-for-maps\/","title":{"rendered":"Using custom styles for maps"},"content":{"rendered":"\n

Azure Maps currently do not allow using custom styles for maps.<\/p>\n\n\n\n

Toolset Maps allows you to easily use these custom styles when displaying maps. You can set a default map style for your site and also to select a style per map, which overwrites the default one. The following two images show examples of different styles.<\/p>\n\n\n\n

\n
\n

Map using the “Silver” custom style<\/strong><\/p>\n<\/div>\n\n\n\n

\n

Map using the “Lost in the desert” custom style<\/strong><\/p>\n<\/div>\n\n\n\n

\n
\"\"<\/a><\/figure>\n<\/div><\/div>\n\n\n\n
\n
\"\"<\/a><\/figure>\n<\/div><\/div>\n<\/div>\n\n\n\n
<\/div>\n\n\n\n

Toolset Maps also allows you to set the map styles programmatically<\/a>, using custom code.<\/p>\n\n\n\n

Creating a Custom Style File<\/h2>\n\n\n\n

To create your custom map style, or get ready-to-use ones, you can use Google\u2019s Styling Wizard<\/a> or Snazzy Maps<\/a>, for example. Details on how to use these sites is beyond the scope of this page, however, a simple online search should provide you with many tutorials. Both sites eventually present you with a generated JSON code. The following image shows how this looks like in Google\u2019s Styling Wizard.<\/p>\n\n\n

\n
\"\"<\/a>
A styling file generated using Google Styling Wizard<\/figcaption><\/div><\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

You need to copy this code and paste it into a text editor of your choice. Then, save the file with the .json <\/strong>extension, for example:<\/p>\n\n\n\n