README.md
# CMV-Widgets
[](http://travis-ci.org/tmcgee/cmv-widgets) [](https://codeclimate.com/github/tmcgee/cmv-widgets) [](https://gitter.im/tmcgee/cmv-widgets?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
Widgets for [CMV](http://cmv.io/), the Configurable Map Viewer created by [Tim McGee](https://github.com/tmcgee) of [MoosePoint Technology](http://moosepoint.com/)
[See them live!](http://tmcgee.github.io/cmv-widgets/)
### Widgets Available in this Repo
- [Attributes Tables](https://github.com/tmcgee/cmv-widgets#attributes-tables)
- [Disclaimer](https://github.com/tmcgee/cmv-widgets#disclaimer)
- [Elevation Profile](https://github.com/tmcgee/cmv-widgets#elevation-profile)
- [Export](https://github.com/tmcgee/cmv-widgets#export)
- [Export Graphics](https://github.com/tmcgee/cmv-widgets#export-graphics)
- [Full Screen](https://github.com/tmcgee/cmv-widgets#fullscreen)
- [Geoprocessor](https://github.com/tmcgee/cmv-widgets#geoprocessor)
- [Heatmap](https://github.com/tmcgee/cmv-widgets#heatmap)
- [IdentifyPanel](https://github.com/tmcgee/cmv-widgets#identifypanel)
- [Introduction](https://github.com/tmcgee/cmv-widgets#introduction)
- [Layer Labels](https://github.com/tmcgee/cmv-widgets#layer-labels)
- [Layer Toggle](https://github.com/tmcgee/cmv-widgets#layer-toggle)
- [Locator Control](https://github.com/tmcgee/cmv-widgets#locator-control)
- [Map Loading](https://github.com/tmcgee/cmv-widgets#map-loading)
- [Mapillary](https://github.com/tmcgee/cmv-widgets#mapillary)
- [Maptiks](https://github.com/tmcgee/cmv-widgets#maptiks)
- [MessageBox](https://github.com/tmcgee/cmv-widgets#messagebox)
- [Open External Map](https://github.com/tmcgee/cmv-widgets#open-external-map)
- [Print Plus](https://github.com/tmcgee/cmv-widgets#print-plus)
- [QR Code](https://github.com/tmcgee/cmv-widgets#qr-code)
- [Report](https://github.com/tmcgee/cmv-widgets#report)
- [Search](https://github.com/tmcgee/cmv-widgets#search)
- [Share](https://github.com/tmcgee/cmv-widgets#share)
- [Toggle StreeView Tiles](https://github.com/tmcgee/cmv-widgets#toggle-streetview-tiles)
- [What3Words](https://github.com/tmcgee/cmv-widgets#what3words)
- [Zoom to Feature](https://github.com/tmcgee/cmv-widgets#zoom-to-feature)
### Example Configurations
Each widget in this repo has at least one configuration example in the [config folder](https://github.com/tmcgee/cmv-widgets/tree/master/config). This folder also contains additional examples for including ESRI widgets, other widgets and functionality.
## Widgets
### Attributes Table(s)
A highly configurable widget to display the results of one or more Query, Find or Geoprocessor Tasks.
##### [Documentation](https://github.com/tmcgee/cmv-widgets/tree/master/widgets/AttributesTable/README.md)
##### [Demo](http://tmcgee.github.io/cmv-widgets/demo.html?config=table)
---
### Disclaimer
A simple yet configurable disclaimer widget.
##### [Documentation](https://github.com/tmcgee/cmv-widgets/tree/master/widgets/Disclaimer/README.md)
##### [Demo](http://tmcgee.github.io/cmv-widgets/demo.html?config=disclaimer)
---
### Elevation Profile
An updated Elevation Profile widget based on previously contributed widgets by [goriliukasbuxton](https://github.com/goriliukasbuxton/ElevationProfile2) and [ERS-Long](https://github.com/ERS-Long/ElevationsProfile).
##### [Demo](http://tmcgee.github.io/cmv-widgets/demo.html?config=elevationProfile)
##### [Widget](https://github.com/tmcgee/cmv-widgets/tree/master/widgets/ElevationProfile.js)
---
### Export
Export features from the [Attributes Tables](https://github.com/tmcgee/cmv-widgets#attributes-tables) widget or other widgets that have a [dgrid](http://dgrid.io). Features can be exported in tabular and spatial formats.
##### [Documentation](https://github.com/tmcgee/cmv-widgets/tree/master/widgets/Export/README.md)
##### [Demo](http://tmcgee.github.io/cmv-widgets/demo.html?config=table)
---
### Export Graphics
The Export Graphics widget works with the [Export](https://github.com/tmcgee/cmv-widgets#export) widget to allow the user to export graphic features from one or more Graphic or Feature layers.
##### [Documentation](https://github.com/tmcgee/cmv-widgets/tree/master/widgets/ExportGraphics/README.md)
##### [Demo](http://tmcgee.github.io/cmv-widgets/demo.html?config=exportGraphics)
---
### FullScreen
A simple widget containing a button to toggle the CMV map to a maximized full screen view and restore it to the original dimensions.
##### [Documentation](https://github.com/tmcgee/cmv-widgets/tree/master/widgets/FullScreen/README.md)
##### [Demo](http://tmcgee.github.io/cmv-widgets/demo.html?config=fullscreen)
---
### Geoprocessor
An example widget demonstrating the display of results from a Geoprocessing Task in the [Attributes Tables](https://github.com/tmcgee/cmv-widgets#attributes-tables) widget.
##### [Demo](http://tmcgee.github.io/cmv-widgets/demo.html?config=geoprocessor)
---
### Heatmap
The Heatmap widget uses a HeatmapRenderer to render feature layer data into a raster visualization that emphasizes areas of higher density or weighted values. The blur radius, maximum value and minimum value for the renderer can be adjusted. All features from the layer can be included or use draw tools to select a subset of features.
##### [Documentation](https://github.com/tmcgee/cmv-widgets/tree/master/widgets/HeatMap/README.md)
##### [Demo](http://tmcgee.github.io/cmv-widgets/demo.html?config=heatmap)
---
### IdentifyPanel
A widget to replace the map's infoWindow including integration with the [Export](https://github.com/tmcgee/cmv-widgets#export) widget. You can include your own buttons as well. This widget is an updated and enhanced version of one originally created by [Doug Chamberlain](https://github.com/dougrchamberlain/IdentifyPanel).
##### Documentation - in the works
##### [Demo](http://tmcgee.github.io/cmv-widgets/demo.html?config=identifyPanel)
---
### Introduction
The Introduction Widget provides a product tour or tutorial for your application using [IntroJS](https://introjs.com/).
##### [Documentation](https://github.com/tmcgee/cmv-widgets/tree/master/widgets/Introduction/README.md)
##### [Demo](http://tmcgee.github.io/cmv-widgets/demo.html?config=introduction)
---
### Layer Labels
A simple widget to add labels for one or more Feature Layers.
##### Documentation - in the works
##### [Widget](https://github.com/tmcgee/cmv-widgets/tree/master/widgets/LayerLabels.js)
---
### Layer Toggle
A simple widget to toggle the visibility of a set of layers. Only a single layer in the set can be visible at any time. All others are turned off when the target layer's visibility is set.
##### Documentation - in the works
##### [Widget](https://github.com/tmcgee/cmv-widgets/tree/master/widgets/LayerToggle.js)
---
### Locator Control
A widget to allow the user to change the properties of the CMV Locate Button widget in real-time.
##### [Demo](http://tmcgee.github.io/cmv-widgets/demo.html?config=locatorControl)
##### [Widget](https://github.com/tmcgee/cmv-widgets/tree/master/widgets/LocatorControl.js)
---
### Map Loading
A widget to add a `Loading` indicator in the center of the map.
##### [Demo](http://tmcgee.github.io/cmv-widgets/demo.html?config=mapLoading)
##### [Widget](https://github.com/tmcgee/cmv-widgets/tree/master/widgets/MapLoading.js)
---
### Mapillary
A replacement for the CMV Google StreetView widget that display street level imagery from [Mapillary](https://www.mapillary.com/) using [MapillaryJS](https://github.com/mapillary/mapillary-js).
##### [Documentation](https://github.com/tmcgee/cmv-widgets/tree/master/widgets/Mapillary/README.md)
##### [Demo](http://tmcgee.github.io/cmv-widgets/demo.html?config=mapillary)
---
### Maptiks
A widget to add detailed map analytics to any CMV application using [Maptiks](https://maptiks.com). Maptiks provides in-depth user insights by tracking how visitors click, pan and zoom on your maps.
##### [Widget](https://github.com/tmcgee/cmv-widgets/tree/master/widgets/Maptiks.js)
---
### MessageBox
Show an Alert or Confirmation modal dialog box. Intended to be called from other widgets.
##### [Documentation](https://github.com/tmcgee/cmv-widgets/tree/master/widgets/MessageBox/README.md)
##### [Demo](http://tmcgee.github.io/cmv-widgets/demo.html?config=messagebox)
---
### Multi-Field Geocoder
Coming Soon
---
### Open External Map
Open maps in an external window for Google Hybrid, Google StreetView, Bing Hybrid, Bing Bird's Eye, Bing Streetside, MapQuest and OpenStreetMap. The map is centered on the coordinates based on a map click or Latitude and Longitude values provided by the user. Can be combined with the [Toggle StreetView Tiles](https://github.com/tmcgee/cmv-widgets#toggle-streetview-tiles) widget to show the availability of Google StreetView while clicking on the map.
##### [Documentation](https://github.com/tmcgee/cmv-widgets/tree/master/widgets/OpenExternalMap/README.md)
##### [Demo](http://tmcgee.github.io/cmv-widgets/demo.html?config=openexternalmap)
---
### Print Plus
An updated version of the PrintPlus widget originally created by [@LarryStout](https://github.com/LarryStout) in early 2014. Larry's original source code can be found in [here](https://github.com/tmcgee/cmv-hamilton-county) with a few of his other widgets.
##### [Documentation](https://github.com/tmcgee/cmv-widgets/tree/master/widgets/PrintPlus/README.md)
##### [Demo](http://tmcgee.github.io/cmv-widgets/demo.html?config=printplus)
---
### QR Code
Shows a QR code for the current map to open mobile applications on your phone/tablet.
##### [Documentation](https://github.com/tmcgee/cmv-widgets/tree/master/widgets/QRCode/README.md)
##### [Demo](http://tmcgee.github.io/cmv-widgets/demo.html?config=qrcode)
---
### Report
Highly configurable widget used to create a multi-page PDF report from a single feature or multiple features.
##### [Documentation](https://github.com/tmcgee/cmv-widgets/tree/master/widgets/Report/README.md)
##### [Demo](http://tmcgee.github.io/cmv-widgets/demo.html?config=report)
---
### Search
Used in conjunction with the [Attributes Tables](https://github.com/tmcgee/cmv-widgets#attributes-tables) to provide a user interface for querying feature layers, dynamic layers, tables and related records using QueryTask and FindTask.
##### [Documentation](https://github.com/tmcgee/cmv-widgets/tree/master/widgets/Search/README.md)
##### [Demo](http://tmcgee.github.io/cmv-widgets/demo.html?config=search)
---
### Share
Share your map by using Facebook, Twitter, Google+, E-Mail, Link, or embedded iFrame code.
##### [Documentation](https://github.com/tmcgee/cmv-widgets/tree/master/widgets/Share/README.md)
##### [Demo](http://tmcgee.github.io/cmv-widgets/demo.html?config=share)
---
### Toggle StreetView Tiles
Used in conjunction with the CMV StreetView widget or the [Open External Map](https://github.com/tmcgee/cmv-widgets#open-external-map) widget. Shows a StreetView tiles layer when waiting for a map click to get coordinates for the respective widgets.
##### [Demo](http://tmcgee.github.io/cmv-widgets/demo.html?config=openexternalmap)
---
### What3Words
A simple widget to send a 3 word address or lat/lng to what3words and zoom the map to the resulting location. The lat/lng and 3 word address for the location are displayed from the search result.
##### [Documentation](https://github.com/tmcgee/cmv-widgets/tree/master/widgets/What3Words/README.md)
---
### Zoom to Feature
A simple widget to provide a drop-down list of features to zoom to on the map. Similar to bookmarks but driven by actual data in a Map Service.
##### [Documentation](https://github.com/tmcgee/cmv-widgets/tree/master/widgets/ZoomToFeature/README.md)
##### [Demo](http://tmcgee.github.io/cmv-widgets/demo.html?config=zoomToFeature)
