Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.
Awesome Lists | Featured Topics | Projects
https://github.com/tmcgee/cmv-widgets

Widgets for CMV, the Configurable Map Viewer.
https://github.com/tmcgee/cmv-widgets
arcgis-api arcgis-js arcgis-js-api cmv cmv-widgets dojo dojo-widgets esri-api esri-javascript-api esri-js
Last synced: about 2 months ago
JSON representation
Widgets for CMV, the Configurable Map Viewer.
Host: GitHub
URL: https://github.com/tmcgee/cmv-widgets
Owner: tmcgee
License: mit
Created: 2015-02-25T18:06:49.000Z (almost 10 years ago)
Default Branch: master
Last Pushed: 2024-04-14T20:20:40.000Z (8 months ago)
Last Synced: 2024-05-01T13:13:42.758Z (8 months ago)
Topics: arcgis-api, arcgis-js, arcgis-js-api, cmv, cmv-widgets, dojo, dojo-widgets, esri-api, esri-javascript-api, esri-js
Language: JavaScript
Homepage: https://cmv.io/
Size: 5.06 MB
Stars: 38
Watchers: 16
Forks: 48
Open Issues: 16
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE.md
Awesome Lists containing this project

README

        # CMV-Widgets

[![Build Status](http://travis-ci.org/tmcgee/cmv-widgets.svg?branch=master)](http://travis-ci.org/tmcgee/cmv-widgets) [![Code Climate](https://codeclimate.com/github/tmcgee/cmv-widgets/badges/gpa.svg)](https://codeclimate.com/github/tmcgee/cmv-widgets) [![Join the chat at https://gitter.im/tmcgee/cmv-widgets](https://badges.gitter.im/Join%20Chat.svg)](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)

![Screenshot](https://tmcgee.github.io/cmv-widgets/images/attributesTables1.jpg)

---

### 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)

![Screenshot](https://tmcgee.github.io/cmv-widgets/images/disclaimer1.jpg)

![Screenshot](https://tmcgee.github.io/cmv-widgets/images/disclaimer2.jpg)

---

### 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)

![Screenshot](https://tmcgee.github.io/cmv-widgets/images/export1.jpg)

---

### 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)

![Screenshot](https://tmcgee.github.io/cmv-widgets/images/exportgraphics1.jpg)

---

### 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)

![Screenshot](https://tmcgee.github.io/cmv-widgets/images/fullscreen1.jpg)

---

### 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)

![Screenshot](https://tmcgee.github.io/cmv-widgets/images/geoprocessor1.jpg)

---

### 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)

![Screenshot](https://tmcgee.github.io/cmv-widgets/images/heatmap1.jpg)

---

### 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)

![Screenshot](https://tmcgee.github.io/cmv-widgets/images/identifypanel1.jpg)

---

### 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)

![Screenshot](https://tmcgee.github.io/cmv-widgets/images/introduction1.jpg)

![Screenshot](https://tmcgee.github.io/cmv-widgets/images/introduction2.jpg)

---

### 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)

![Screenshot](https://tmcgee.github.io/cmv-widgets/images/mapillary1.jpg)

---

### 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)

![Screenshot](https://tmcgee.github.io/cmv-widgets/images/messagebox1.jpg)

---

### 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)

![Screenshot](https://tmcgee.github.io/cmv-widgets/images/openexternalmap1.jpg)

---

### 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)

![Screenshot](https://tmcgee.github.io/cmv-widgets/images/printplus1.jpg)

---

### 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)

![Screenshot](https://tmcgee.github.io/cmv-widgets/images/qrcode1.jpg)

---

### 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)

![Screenshot](https://tmcgee.github.io/cmv-widgets/images/report1.jpg)

![Screenshot](https://tmcgee.github.io/cmv-widgets/images/report2.jpg)

---

### 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)

![Screenshot](https://tmcgee.github.io/cmv-widgets/images/search1.jpg)

![Screenshot](https://tmcgee.github.io/cmv-widgets/images/search2.jpg)

---

### 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)

![Screenshot](https://tmcgee.github.io/cmv-widgets/images/share1.jpg)

---

### 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)

![Screenshot](https://tmcgee.github.io/cmv-widgets/images/openexternalmap1.jpg)

---

### 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)

![Screenshot](https://tmcgee.github.io/cmv-widgets/images/what3words1.jpg)

---

### 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)

![Screenshot](https://tmcgee.github.io/cmv-widgets/images/zoomToFeature1.jpg)