Designing maps

with ArcGIS

@agup

In the beginning

a map was born...


// Create map
var map = L.map('map').setView([37.75, -122.23], 10);

// Assign base map type
L.esri.basemapLayer('Topographic').addTo(map);

First...

A few examples

How does it all work?

Data!

Data

Data!

Data Types

KML

CSV

SHP

XML

...

Web Services

Map

Feature

Geoprocessing

Geocode

Imagery

Network

and many more!

Data

Points

Lines

Polygon

and more...

GeoJSON Point


var point =
    {
        "type": "Point",
        "coordinates": [100.0, 0.0]
    }

GeoJSON Line


var line =
    {
        "type": "LineString",
        "coordinates": [ [100.0, 0.0], [101.0, 1.0] ]
    }

GeoJSON Polygon


var polygon =
    {
        "type": "Polygon",
        "coordinates": [
            [
                [100.0, 0.0], [101.0, 0.0], [101.0, 1.0],
                [100.0, 1.0], [100.0, 0.0]
            ]
        ]
    }

GeoJSON Feature


  {
     "type":"Feature",
     "id":3,
     "geometry":{
        "type":"Point",
        "coordinates":[
           -122.68287749,
           45.526496967
        ]
     },
     "properties":{
        "FID":3,
        "PlaceName":"Starbucks",
        "Place_addr":"1134 NW Glisan St Portland Oregon",
        "Score":100,
        "lat":45.526496967,
        "lon":-122.68287749
     }
  }