However over the states to get a popup with more information
Population Density (people/mi2)
This sample shows the estimated % population change between 2000 and 2010 of each US county relative
to the 2000 census population data. This sample uses two data files; a GeoJSON file that contains the US county boundary data, and a CSV file that contains the population
data. This sample cross references the population data and adds it as properties of the county boundary.
This shows how the different options of the heat map layer affect rendering.
Min Zoom:
Max Zoom:
Visible:
In addition to the options in this tool, the HeatMapLayer also has options for;
sourceLayer - used with VectorTileSource.
Many options in this layer also support Expressions which are not demonstrated in this sample.
Heat Gradient:
Radius
Opacity
Intensity
Weight
base on "mag" property
Remove defaults
This sample shows how to enable point based clustering on a data source and render them
differently from individual
points on the map. Clustered points have four properties;
cluster - A boolean value indicating that it is a cluster.
cluster_id - A unique id for the cluster which can be used with the
DataSource
getClusterExpansionZoom, getClusterChildren, and getClusterLeaves
functions.
point_count - The number of points the cluster contains.
point_count_abbreviated - A string that abbreviates the point_count
value if it is long. (i.e. 4,000 becomes 4K)
This sample shows how the different options of the bubble layer affect rendering.
Min Zoom:
Max Zoom:
In addition to the options in this tool, the BubbleLayer also has options for;
sourceLayer - used with VectorTileSource.
filter - used to filter data in layer.
Many options in this layer also support Expressions which are not demonstrated in this
sample.
Color:
Opacity
Stroke Color:
Radius
Stroke Opacity
Stroke Width
Blur
Pitch Alignment:
Remove defaults
This sample shows how to add weather radar overlays to the map as a tile
layer.
This sample shows how to add weather infrared overlays to the map as a tile
layer.
Spatial Layers
The atlas.io.read function supports reading KML, KMZ, GPX, GeoRSS, GML, GeoJSON, CSV (with spatial columns)
Here is a list of all the properties within a SpatialDataSet object.
bbox - Bounding box of all the data in the data set.
features - GeoJSON features within the data set.
groundOverlays - An array of image or OGC map layers that represent KML GroundOverlays.
properties - Property information provided at the document level of a spatial data set.
stats - Statistics about the content and processing time of a spatial data set.
icons - A set of icon URL's. Key = icon name, Value = URL.
type - The GeoJSON type; "FeatureCollection".
This is a simple tool for exploring WFS services on Azure Maps.
WFS Service:
Service URL:
Max features: Property types:
Status:
Here is a list of all the properties within a SpatialDataSet object.
OGC Service:
Service URL:
Bring into view
Chicago Bike Racks
German Postal Codes
US Electrical Transmission lines
Personal Layers
Extras
Population Density (people/mi2)
This sample shows the estimated % population change between 2000 and 2010 of each US county relative
to the 2000 census population data. This sample uses two data files; a GeoJSON file that contains the US county boundary data, and a CSV file that contains the population
data. This sample cross references the population data and adds it as properties of the county boundary.
Population Change Estimates 2000 - 2010
-30%
0%
30%
2000
This sample shows how to animate an sequence of tile layers smoothly.
This example uses the AnimatedTileLayer to animate through an array of tile layers.
For this sample weather radar tiles from the Iowa Environmental Mesonet of Iowa
State University
over the USA are animated for the last 50 minutes in 5 minute increments.
This sample shows how to swipe between two overlapping synchronized maps to view different data sets.
Unemployment rate
6%+
5% - 5.99%
4% - 4.99%
3% - 3.99%
0% - 2.99%
Size of labor force
100,000+
50,000 - 99,999
10,000 - 49,999
0 - 9,999
This sample shows how to swipe between two overlapping synchronized maps to view different data sets.
Gas Station
Grocery Store
Restaurant
School
This sample shows how to display the area of the points contained within a cluster by calculating a convex hull.
This sample shows how to add calculate travel times areas for multiple points
This sample uses the Azure Maps Route Range service to calculate a 5 minute pedestrian (walking) travel time around police stations in Chicago, and then joins it with the location of bike racks.
This analysis tells us how many bike racks are within a 5 minute walk of a police station in Chicago.
Number of Bike Racks
5+
4
3
2
1
This sample shows how to take a route line and calculate a buffer around it and then filter
a set of point data to find those that are within the buffer.
Points Within Buffer:
Start:
End:
Buffer:
This sample loads census block group data for a state and then retrieves the intersection with an area drawn by the user and calculates an estimated population.
Not only does it take into consideration the population of each census block group, but also the amount of overlap they have with the drawn area as well.
This sample uses the open source Turf.js library to for some of the spatial calculation.
This sample shows how the different style options of the map affect rendering.
Render world copies:
Show building models:
Show tile boundaries:
In addition to the options in this tool, the map also supports the following style options;
preserveDrawingBuffer - allows the map canvas to be exported as an image.
language - the language of the map.
view - the geopolical region view to align with.
Click on the map to get the address at those coordinates
Add File/Layer
You can add SHP files large and small as either zip or all the files in a single selection. As well
KML, KMZ, GPX, GeoRSS, GML, GeoJSON, and CSV (with spatial columns). OGC files are also supported. Design options will only
be applied to its corresponding layer type.
To allow proper customization
to your file, limit your selection to one file name.
Files will be displayed in the preview map with options to customize the layer. Click save changes to add it to the main map.
*When editing polygon layers, use the line layer options to change the edges of the polygon shapes.
