Join Maps UI/UX Community on Slack

TweetJoin the Slack community ‘maps-ui-ux-community’ to discuss, talk and answer user experience and interface needs, challenges, solutions and more. Post ideas for cool features, get inspired, find cool maps and apps and more… We welcome anybody with interest in UI/UX for mapping apps, whether you are a UI developer, UX practitioner, Cartography buff, map lover, ...

Rich Marker 1

Rich Marker
TweetWhat Problem Does This Solve? A rich marker extends a simple marker to show a key metric, performance indicator or even additional information. When to Use This Pattern Use when the content of multiple markers is important to make a decision and needs to be seen at a glance. Typical examples are distances to an ...

Location Finder 1

Location Finder
Tweet What Problem Does This Solve? User wants to find the geographic location from other geographic data, such as street addresses, points of interest or postal codes. When to Use This Pattern Use the location finder to provide a means to zoom to a point or area of interest that matters to the user of ...

Sparkmaps

Sparkmaps
Tweet Sparkmaps are small graphics that are embedded in a sentence, table, or listing to enrich its content with spatial information. What Problem Does This Solve? It’s not always feasible to show a full-blown map or even only an image of a map as a figure on the side. Needed is to show the spatial ...

Extent-driven Content

Extent-driven Content
Tweet What Problem Does This Solve? A user wants to see points of interest within a given area as visually represented through the current map extent. Typically the available options (results) update when the user changes the map extent through panning or zooming. When to Use This Pattern Sometimes called a ‘short list’ this pattern ...

Marker 2

Marker
Tweet What Problem Does This Solve? A symbol to show the location of an object, place or point of interest. When to Use This Pattern After a user searches for an address or location a marker is used to highlight the location. Markers can also be used to establish the relation between a location on ...

Meet in the Middle

Meet in the Middle
Tweet What Problem Does This Solve? Find the route halfway point between two or more locations. When to Use This Pattern If there is a need to meet-up with somebody (friend, business contact, barter acquaintance) it is helpful to calculate the perfect middle point based on two or more starting locations. What’s the Solution? Enter ...

Data Extract

Data Extract
Tweet What Problem Does This Solve? Extract geographic data for a specific region. When to Use This Pattern User needs to acquire data for offline use or further manipulation and therefore requires the ability to extract a region of the results into a downloadable bundle. Depending on the nature of the data and the provider ...

Info Window 3

Info Window
Tweet What Problem Does This Solve? Info Window is the vehicle for delivering facts/ideas (text), numbers, charts, and images to complement the map’s cartography. It shows additional information about a location, typically invoked after clicking on a graphic or symbol on the map. When to Use This Pattern Use when more information about an object ...

Empty Info Window 2

Empty Info Window
Tweet What Problem Does This Solve? A user clicks on the map and in return is presented with an Info Window that instead of showing useful details is either blank, empty or informs the user that no data is available. When to Use This Pattern If no data exists there is no reason to waste ...