These Quick-Start samples demonstrate how to show a map, add markers, change map types, overlay maps, find locations, and work with group layers using ArcWeb Explorer JavaScript.
If you don't already have ArcWeb Explorer embedded in your Web page, see Getting started with ArcWeb Explorer JavaScript API.
The following samples are designed to get you up and running quickly using ArcWeb Explorer with JavaScript API. These basic samples demonstrate the interaction of JavaScript with ArcWeb Explorer.
For each sample, click the title to view an interactive map sample. Use the view source option in your Web browser to view the code for each sample.
NOTE: See Samples—terms and conditions for usage permissions.
| Title | Description |
|---|---|
| Show map | The "Hello World" example of a mapping API: these are my coordinates, give me a map. |
| Add marker | View a typical mapping mashup. Points of interest are displayed on the map with appropriate labels. |
| Query group layer | Quickly develop powerful mapping applications with your custom data layers. This sample shows a Query group layer that uses points of interest in New York City. |
| Switch map type | View the different map types that can be generated using the API and dynamically switch between them on the client side. The different map types are Vector, Raster, and Hybrid. |
| Overlay | Overlay different map types to create a composite map. In this sample, weather information is overlaid on a vector map. |
| Find location | Place points of interest on the map in this more advanced mashup; you only have to provide an address, a phone number, or an IP address. The API allows you to automatically geocode the address and plot it on the map. |
|
Add markers to your map from an XML file using AJAX. See the XML file referenced in this sample. This file must be stored on the local server. |
See the Quick-Start Plus samples for samples with enhanced functionality, such as routing and obtaining map information. In addition, view the ArcWeb Explorer JavaScript API Reference for a full description of the API classes and functions.