map

Choropleth Map
Visualizing Data

Choropleth Map

What Problem Does This Solve? Visualize how a measurement varies across a geographic area. Why Use This Pattern? Choropleth maps provide an easy way to visualize how a measurement varies across a geographic area or show the level of variability within a region. When to Use This Pattern Choropleth maps are important to support analysis […]

Read More
Introduction

Why Map UI Patterns?

This site provides a language for planning and building map applications. It discusses principles, components of varying complexity, and features that all together inform design decisions for your next project. The elements of this language are entities called user interface (UI) patterns. Each pattern describes a solution to an observed and recurring problem. It explains […]

Read More
No Map
Layouts

No Map

What Problem Does This Solve? Task doesn’t require a map but still utilizes the full power of GIS. Why Use This Pattern? A map is a UI element that is difficult to learn and navigate and requires screen real estate that could be utilized otherwise. Sometimes it is possible to gather and analyze spatial information […]

Read More
Mobile Map
Layouts

Mobile Map

What Problem does this solve? Maps on mobile devices are often difficult to manipulate by touch and result in unexpected behavior. Why use this Pattern? Maps are difficult to navigate on touch devices and require special attention to the input capabilities of the users, sometimes referred to as the fat finger syndrome. Data visualizations and […]

Read More
Embedded Map
Layouts

Embedded Map

What Problem Does This Solve? App or site requires an interactive map to perform a simple task. Why Use This Pattern? Maps have become an increasingly common way to visualize data on web sites and it’s easier than ever for content providers like newspapers or blogs to utilize them. While site providers oftentimes don’t have […]

Read More
Reference Map
Layouts

Reference Map

What Problem Does This Solve? Map serves as an additional or auxiliary view and is mainly used for contextual purposes. Why Use This Pattern? In many cases it is important for the user’s understanding to see a geography or an asset in spatial relation to other assets or in reference to common landmarks or features […]

Read More
Partial Map
Layouts

Partial Map

What Problem Does This Solve? Map and content are equally important, and app is often workflow driven. Why Use This Pattern? As outlined in the Task Oriented pattern, having clear and well-defined workflows are important to prioritize content and features on the user’s goals. These workflows require space and placing them on top of the […]

Read More
Full Map Layout
Layouts

Full Map

What Problem Does This Solve? Spatial information is the core value of the app. Why Use This Pattern? Any app that requires users to perform tasks that are directly related to spatial analytics or geographical location have a high demand for a large map. In these cases users need to see as much geographical context […]

Read More