Extends L.esri.Service
L.esri.Map is an abstraction for interacting with Map Services running on ArcGIS Online and ArcGIS Server that allows you to make requests to the API, as well as query and identify published features.
Constructor Constructor Description L.esri.mapService(<Object> options)options for configuring the ArcGIS Server or ArcGIS Online map service you would like to consume. Options includes a url parameter which refers to the ArcGIS Server or ArcGIS Online service you would like to consume.
Options L.esri.Map accepts all L.esri.Service
Events L.esri.Map fires all L.esri.service
Methods Method Returns Description query()thisReturns a new L.esri.Query
Use dark colors for code blocks Copy
1
2
3
4
5
6
mapService. query ( )
.layer ( 0 )
.within ( latlngbounds )
.run ( function ( error, featureCollection, response ) {
console.log ( featureCollection ) ;
} ) ;
identify()thisReturns a new L.esri.IdentifyFeatures
Use dark colors for code blocks Copy
1
2
3
4
5
6
mapService.identify ( )
. on ( map )
.at ( latlng )
.run ( function ( error, featureCollection, response ) {
console.log ( featureCollection )
} ) ;
find()thisReturns a new L.esri.Find
Use dark colors for code blocks Copy
1
2
3
4
5
6
7
mapService.find ( )
.layers ( ' 18 ' )
.text ( 'Colorado' )
.fields ( 'name' )
.run ( function ( error, featureCollection, response ) {
console.log ( featureCollection )
} ) ;
Example Identify task
Use dark colors for code blocks Copy
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
var map = new L.Map ( 'map' ) .setView ( [ 45.543 , - 122.621 ] , 5 ) ;
var service = L.esri.mapService ( {
url : ' https : //sampleserver6.arcgisonline.com/arcgis/rest/services/WorldTimeZones/MapServer'
} ) ;
service.identify ( )
. on ( map )
.at ( [ 45.543 , - 122.621 ] )
.layers ( ' visible : 1 ' )
.run ( function ( error, featureCollection, response ) {
if ( error ) {
console.log ( error ) ;
return;
}
console.log ( 'UTC Offset : ' + featureCollection.features [ 0 ] .properties.ZONE ) ;
} ) ;
Find task
Use dark colors for code blocks Copy
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
var service = L.esri.mapService ( {
url : ' https : //services.nationalmap.gov/arcgis/rest/services/govunits/MapServer'
} ) ;
service.find ( )
.layers ( ' 18 ' )
.text ( 'Colorado' )
.searchFields ( 'GNIS_NAME' )
.run ( function ( error, featureCollection, response ) {
if ( error ) {
console.log ( error ) ;
return;
}
console.log ( 'Found GNIS ID : ' + featureCollection.features [ 0 ] .properties.GNIS_ID + ' for the state of ' + featureCollection.features [ 0 ] .properties.STATE_NAME ) ;
} ) ;