Product design

Mapbox ❤️ Designers As a visual designer, product designer, or interaction designer, how users experience every facet of your application matters. The most engaging applications built with Mapbox are custom integrations of our customers' brand and experiences designed around our location platform. You are passionate about indoor navigation, design, and best-in-class maps used by millions of people. You enjoy exciting work and have great design sense. You are meticulous in your work with high attention to detail. As part of the Mapping Team and reporting to the Map Design Lead, you will provide support to the Project Management. Maps for Design offers an outstanding collection of editable, royalty free, outline clip art maps for sales and marketing presentations, illustration, graphic design, education and web. These are truly maps you can download and edit for all of your projects. PowerPoint maps are completely editable for sales and marketing presentations. Add the title you want for the map's legend and choose a label for each color group. Change the color for all states in a group by clicking on it. Drag the legend on the map to set its position or resize it. Use legend options to customize its color, font, and more. Styling Wizard: Google Maps APIs. The next generation of cloud-based styling tools is here. Try out the beta and get: Code Free Styling: Update custom map styles anytime with the click of a button. Better workflow: Make and save changes, take a break, and publish when you’re ready. More customization: No URL character limitations, so you can.

When designing apps with location, you often need to capture location in context. This can be a specific city, place of interest, or zoom level like street-level or nation-level detail. The Figma plugin, Mapsicle, allows you to do just that.

Mapbox Navigation design mockups

Instead of taking a screenshot of a generic map and adding it to your project for placement only, add a custom map that matches your brand’s colors, typography, and style that demonstrate various views of this map based on the contextual of that screen.
With Mapsicle, you can move around the map interactively to find the perfect spot on your map or use search in the UI to find the exact location and add it directly to your design project in Figma.
Once you’ve placed a map in your designs, making changes is seamless. Just re-open your map in Mapsicle to adjust the location or style. Quickly iterate on different map styles, or save time by mocking up different steps in a user flow that involves different zoom levels. Need to design for a larger breakpoint and need more map? Extend the area of your map in one click.

Introduction

Map Designer Download

Welcome to the Snazzy Maps editor! With this tool you can create your own Google Maps styles and share them on the site.

Creating a style

Map Designer Fantasy

Google Maps styles are divided into 3 components: features, elements, and styles. These components combine to allow for the detailed creation of map styles.

Features

Features are the geographic elements that can be styled on the map. These include land, road, water, and much more. Some features have sub-features and are organized in a tree structure. Styles can be applied to any node in the tree including the 'All' node, which changes the styles for every feature. Styles applied to sub-features will override any styles applied on their parents in the tree.

Elements

Elements are the geometric properties of the features that can be styled on the map. These include labels, icons, geometric fills, and much more. A combination of feature and element will allow you to target exactly the components you would like to style.

Styles

Styles are the formatting options applied to your selected feature and element. These are grouped into sections: visibility, color, color options, and advanced options. Each section has a Reset button which will clear out any styles that have been changed in that section. If any styles have been modified from the default, a helpful dot is added to the feature and element nodes to signify that there are styles applied to those components.

Viewing style code

Once you have finished creating a map style you can view the generated code. By clicking the View Code tab you will be able to view the JSON style array that corresponds with your map style. Just copy and paste this into your code to use your style. If you are lost on how to use this code check out our FAQs for a little help.

Saving

You can save your style at any point. Simply click on the Save tab, and enter in a name for your style. All Saved styles will appear on the My Styles page.

Publishing

Game Map Designer

If you are finished with your style and would like to share it with the world click the Publish tab. Enter in a name and a description, up to 3 tags and colors that describe your style, and click publish. Your style will now be available for everyone on the site. If you ever want to unpublish your style or tweak the properties simply open up the Publish tab again.

Downloading Images

Registered users can now download an image of a Snazzy Maps style with our new Download Image feature. Adjust the image size and scale, pan and preview the map, and download your image.

During our initial beta release, registered users can download 10 images per day while we evaluate user feedback and demand. This may change as we update the feature.

Any feedback to improve this feature would be greatly appreciated.

By downloading these images, you agree to follow the Google Maps API terms of service.