Skip to content

Instantly share code, notes, and snippets.

/* ConfigurableViewerJSAPI
* @version v1.0.1
* @author David Spriggs
* Project: https://github.com/DavidSpriggs/ConfigurableViewerJSAPI
* Copyright 2014. MIT licensed.
*/
define(["esri/map", "esri/dijit/BasemapGallery", "dojo/dom-construct"], function (Map, BasemapGallery, domConstruct) {
var map = new Map( ... );
var basemapGallery = new BasemapGallery({
showArcGISBasemaps: true,
@kcarrier
kcarrier / basemaps.js
Created August 13, 2014 12:56
basemaps example
/* ConfigurableViewerJSAPI
* @version v1.0.1
* @author David Spriggs
* Project: https://github.com/DavidSpriggs/ConfigurableViewerJSAPI
* Copyright 2014. MIT licensed.
*/
define(["esri/map", "esri/dijit/BasemapGallery", "dojo/dom-construct"], function (Map, BasemapGallery, domConstruct) {
var map = new Map( ... );
var basemapGallery = new BasemapGallery({
showArcGISBasemaps: true,
define([
'esri/dijit/Basemap',
'esri/dijit/BasemapLayer',
'esri/layers/osm',
"esri/map",
"esri/dijit/BasemapGallery",
"esri/arcgis/utils",
"dojo/parser",
"dojo/domReady!"
], function (Basemap, BasemapLayer, osm, Map, BasemapGallery, arcgisUtils) {
define([
'esri/dijit/Basemap',
'esri/dijit/BasemapLayer',
'esri/layers/osm'
], function (Basemap, BasemapLayer, osm) {
return {
map: true,
//must be either 'agol' or 'custom'
mode: 'custom',
title: 'Basemaps',
/* ConfigurableViewerJSAPI
* @version v1.0.1
* @author David Spriggs
* Project: https://github.com/DavidSpriggs/ConfigurableViewerJSAPI
* Copyright 2014. MIT licensed.
*/
define({
map: true,
mapClickMode: true,
mapRightClickMenu: true,
// adapted from https://github.com/esri/arcgis-dijit-geocoder-button-js/
define([
'dojo/_base/declare',
'dijit/_WidgetBase',
'dijit/_TemplatedMixin',
'dijit/a11yclick',
'dojo/_base/lang',
'dojo/on',
'dojo/dom-class',
'dojo/dom-style',
// original code from repo
identify: {
include: true,
id: 'identify',
type: 'titlePane',
path: 'gis/dijit/Identify',
title: 'Identify',
open: false,
position: 3,
options: 'config/identify'
define([
'esri/dijit/Basemap',
'esri/dijit/BasemapLayer',
'esri/layers/osm'
], function (Basemap, BasemapLayer, osm) {
return {
map: true,
//must be either 'agol' or 'custom'
mode: 'agol',
title: 'Basemaps',
define([
'esri/units',
'esri/geometry/Extent',
'esri/config',
'esri/tasks/GeometryService',
'esri/layers/ImageParameters'
], function(units, Extent, esriConfig, GeometryService, ImageParameters) {
// url to your proxy page, must be on same machine hosting you app. See proxy folder for readme.
esriConfig.defaults.io.proxyUrl = 'proxy/proxy.ashx';
define({
map: true,
mapClickMode: true,
mapRightClickMenu: true,
identifyLayerInfos: true,
identifyTolerance: 5,
// config object definition:
// {<layer id>:{
// <sub layer number>:{