Skip to content

Latest commit

 

History

History
72 lines (41 loc) · 2.74 KB

design-patterns-controls-Map.md

File metadata and controls

72 lines (41 loc) · 2.74 KB

Map

Basics

The Map control displays geographical data of longitude and latitude coordinates on a world map.

When to use

The SDK offers a set data visualization controls. Choose the one that is most suitable to your need.

  • AreaChart - displays quantitative data like a LineChart with the area between axis and the lines filled with colors.
  • BarChart - displays categorical data using rectangular bars of proportional length to represent values.
  • Donut - displays proportional data as part of a whole.
  • LineChart - displays a series of data points connected by straight line segments.
  • Map - displays data with longitude and latitude coordinates on a world map.
  • Metrics - displays a single value for a set of metrics
  • MonitorChartV2 - displays the metrics for your resource and inherently knows how to fetch data for your resource.
  • QuotaGauge - displays the current value relative to a quota (limit) and total.
  • ScatterChart - displays a plot of data points without any connecting lines
  • SingleMetric - displays a single value for a metric
  • SingleValueGauge - displays the status of a current value relative to an optional total.

Best practices

Use the Map control when you have geographical data with longitude and latitude coordinates.

Do

  • Provide enough room on the page for the Map control to fully display
  • Provide meaningful icons to correspond with each datapoint
  • By design the map control is not made to be accessible via keyboard, instead all the data it contains must be available outside of it. Eg. Show them in List, Grid etc.

Don't

  • Don't constrain the size of the control

Developer tips and tricks

Interactive control and sample source code

Go to the playground site to use the latest control and get source code for your project. Learn more about playground.

Related info