This is a configurable app that can show various views of the United States within the same frame. Each map uses the Albers equal-area projection and all views (except Alaska) are dynamically rendered at the same scale. The rendered scale is set on page load by the viewport size. This allows for better thematic mapping as areas across the country can be more accurately compared.
While the app is responsive and the maps will render on any screen or iframe, the layouts have been optimized for an aspect ratio of 1.777 (16/9)
This app is a modification of the Composite Views sample on the ArcGIS Developer site: ArcGIS Maps SDK for JavaScript Sample Code | Composite Views
The base url uses a feature service that can be swapped out with a url parameter. Other parameters can be used to change the overview map and show/hide individual inset maps.
<base URL>?featurelayer=<feature layer ID>
where <feature layer ID> is an item ID for any feature service. You can use ArcGIS Server (non-hosted) feature services, but they must be registered with an ArcGIS Enterprise or ArcGIS Online portal in order to have an item ID.
Example: https://davidasbury.github.io/composite-map-usa?featurelayer=c93f8a9f2a614ff8a31db732636eff9b
The map can use any feature service and will dynamically reproject the data within each view.
<base URL>?featurelayer=<feature layer ID>&overview=<webmap ID>
where <webmap ID> is any ArcGIS Online webmap in WGS84 or Web Mercator projection. This is a requirement of the 3D SceneViewer.
Example using the Oceans Basemap: https://davidasbury.github.io/composite-map-usa?featurelayer=c93f8a9f2a614ff8a31db732636eff9b&overview=67ab7f7c535c4687b6518e6d2343e8a2
By default all inset maps are shown. If your feature service does not include data for some of the areas, you can show only those insets that contain data.
<base URL>?views=<views>
where <views> is a comma separated list of the ISO 3166 alpha-2 code for each area of interest. Entries are not case-sensitive. Include any of the following entries to customize your view. For example:
AK = Alaska
HI = Hawaii
PR = Puerto Rico
VI = US Virgin Islands
GU = Guam
AS = American Samoa
MP = Commonwealth of the Northern Mariana Islands
UM = United States Minor Outlying Islands
globe = Overview map
None = Continental US only
Due to layout constraints, some views are paired together. For example, if you'd like to see Puerto Rico, you will also see the US Virgin Islands. The same is true for Guam/Northern Marianas. Alaska and Hawaii can also not be displayed individually and the Alaska/Hawaii insets will always be shown when choosing either American Samoa or Guam/Northern Marianas.
Example showing zip codes and AK/VI views
Use index2.html to see a second layout that shows Alaska and Hawaii (including the Northwestern Hawaiian Islands) at true scale.
Example showing Alaska at true scale
