Book Image

Building Web and Mobile ArcGIS Server Applications with JavaScript ??? Second Edition - Second Edition

By : Eric Pimpler, Mark Lewin
Book Image

Building Web and Mobile ArcGIS Server Applications with JavaScript ??? Second Edition - Second Edition

By: Eric Pimpler, Mark Lewin

Overview of this book

The ArcGIS API for JavaScript enables you to quickly build web and mobile mapping applications that include sophisticated GIS capabilities, yet are easy and intuitive for the user. Aimed at both new and experienced web developers, this practical guide gives you everything you need to get started with the API. After a brief introduction to HTML/CSS/JavaScript, you'll embed maps in a web page, add the tiled, dynamic, and streaming data layers that your users will interact with, and mark up the map with graphics. You will learn how to quickly incorporate a broad range of useful user interface elements and GIS functionality to your application with minimal effort using prebuilt widgets. As the book progresses, you will discover and use the task framework to query layers with spatial and attribute criteria, search for and identify features on the map, geocode addresses, perform network analysis and routing, and add custom geoprocessing operations. Along the way, we cover exciting new features such as the client-side geometry engine, learn how to integrate content from ArcGIS.com, and use your new skills to build mobile web mapping applications. We conclude with a look at version 4 of the ArcGIS API for JavaScript (which is being developed in parallel with version 3.x) and what it means for you as a developer.
Table of Contents (21 chapters)
Title Page
Credits
About the Authors
About the Reviewers
www.PacktPub.com
Customer Feedback
Preface

Practice time with the Geometry Engine


In this practice, you will create an application that shows off the performance capabilities of the Geometry Engine by creating a buffer around the location of the user's cursor on the map and updating that buffer as the cursor moves.

  1. Go to the ArcGIS API for JavaScript Sandbox and clear the contents of the following <script> block:
    <script> 
      var map; 
 
      require(["esri/map", "dojo/domReady!"], function(Map) { 
        map = new Map("map", { 
          basemap: "topo",  //For full list of ... 
          center: [-122.45, 37.75], // longitude, latitude 
          zoom: 13 
        }); 
      }); 
    </script>
  1. Create a variable called map to store the esri/Map object:
<script> 
    var map; 
</script> 
  1. Create the require() function to import the necessary modules as shown in the following:
<script> 
    var map; 
 
    require(["esri/map", 
        "esri/Color", 
        "esri/symbols/SimpleMarkerSymbol",...