You are here: Using ArcWeb Explorer JavaScript > AWX JavaScript Quick-Start Plus Guide

ArcWeb Explorer JavaScript Quick-Start Plus Guide

This Quick-Start Plus Guide is designed to help developers who have already used the Quick-Start Guide to integrate additional functionality, such as routing and map information, into their mapping application using ArcWeb Explorer JavaScript API. These Quick-Start Plus samples are grouped into the following categories:

Before you use this Quick-Start Plus Guide, make sure you have viewed the instructions for embedding ArcWeb Explorer in your Web page.

Samples

The following samples are designed to help you quickly add enhanced functionality to your mapping application using ArcWeb Explorer JavaScript API.

For each sample, click the title to view an interactive map sample. Click the source to view the code for the sample.

NOTE:  See Samples—terms and conditions for usage permissions.

Markers

Title Description Source
Markers Add a marker to your map and set various properties. It also demonstrates how to add mouseClick, mouseOver and mouseOut events to your marker. SampleMarkers_qsp.jsp
Adding Multiple Markers Quickly add as many as a hundred markers at once to your map. You can also add click events, rollover effects, and attach user-defined data to the added markers. SampleClickMarker_qsp.jsp

Flash Markers

Expand Flash markers to display additional information on mouse rollover and mouse clicks. They can also contain text, video, audio, image, or Flash information.

SampleFlashMarkers_qsp.jsp

Routing

Title Description Source
Routing Get driving directions between two locations on your map. You can choose to plot the shortest route or the fastest route on the map. You can also zoom into "maneuvers" or turns along the route. SampleRoute_qsp.jsp

Event handling

Title Description Source
Lines Add a polyline to a map. It also shows you how to remove lines, and add mouseOver and mouseClick events and a style to the lines. SampleAddLine_qsp.jsp
Polygons Add a polygon to the map using mouse clicks. The properties of the resulting polygon can be set. In this case, it has a color gradient. SampleRunTimePolygon_qsp.jsp
Mouse Handler Use mouse events for: smooth pan, rubber band (draw a rectangle to zoom in), add a marker to the map, or no operation. SampleMouseHandler_qsp.jsp

Call method on marker

Make a call to an SWF marker’s method. Download the file referenced in this sample for use on your site.

SampleCallMethodOnMarker_qsp.jsp

Advanced layer settings

Title Description Source
Map Image Data Sources View a Map Image Group Layer centered at a specified latitude, longitude and map scale. SampleMapImageDS_qsp.jsp
setGroupLayerProperties Update a layer group at run-time. The available properties depend on the layer group being modified. This sample also shows how to choose display layers. SamplesetGroupLayerProperties_qsp.jsp
getGroupLayerProperty Extract information from a group layer at run-time. You can obtain information about what layers are visible and what layers are not visible. SamplegetGroupLayerProperty_qsp.jsp

Thematic Map

Create a thematic map. This sample creates a thematic map and sets many of its properties, such as class interval, legend, color scheme, and so on.

SampleThematicMap_qsp.jsp

Thematic Map legend customization

Customize a thematic map and its legend by setting various parameters.

SampleThematicLegend_qsp.jsp

Click layer depth control

Set the depth of your click-sensitive layers. This sample shows how to put your click layer under a polygon to capture mouse events exclusive to that polygon. Without layer depth control, a click on the polygon only allows you to pan just as it does elsewhere on the map.

SampleClickLayerToggle_qsp.jsp

 General functionality

Title Description Source
About Map Extract information from the map about its center, scale, and extent. SampleAboutMap_qsp.jsp

Overview Map

Create an overview map for your mapping application. In addition to panning to the required location based on the main map, the overview map also reflects the main map in terms of scale.

SampleOverviewMap_qsp.jsp

Mouse Callback

View the latitude-longitude, and x,y coordinates at the location of a mouse click. Mouse callback functions are used to achieve this result.

SampleMouseCallback_qsp.jsp

Map in Form

Learn how to embed your map in a FORM tag.

SampleForm_qsp.jsp

Intersects check

Check if a marker lies within a polygon on the map. You can draw a polygon in the vicinity of a point and learn if the marker lies within the polygon.

SampleIntersect_qsp.jsp

Add Flash object

Add a simple Flash object to your map. Download the file referenced in this sample for use on your site.

SampleAddFlashObject_qsp.jsp

Error handling

Use “try-and-catch?to catch errors, for example an invalid latitude.

SampleErrorHandling_qsp.jsp

Fault handling

Override default error handling using jsFaultHandler.

SampleFault_qsp.jsp

For more information

See the Quick-Start Guide for instructions on embedding ArcWeb Explorer in a Web page and simple samples. In addition, view the ArcWeb Explorer JavaScript API (JSdoc) for a full description of the API classes and functions.  


Visit the Feedback page to give comments or suggestions about the ArcWeb Developer's Guide.

ArcWeb site | ArcWeb support | support.esri.com

Copyright © ESRI