Class AWImgMarkerStyle

Object
   |
   +--AWImgMarkerStyle

class AWImgMarkerStyle

This style renders a marker as an image on the map. Using this style, an application can define an image source, a mouse over event, callback functions for a mouse click event, and a move over or out of the marker.

 function onMarkerClick( event )
 {
  var s = "lat=" + AWUtils(event.lat) + "\n";
  s += "lon=" + AWUtils(event.lon) + "\n";
  s += "pixelX=" + event.pixelX + "\n";
  s += "pixelY=" + event.pixelY + "\n";
  s += "id=" + event.data.id + "\n";
  s += "url=" + event.data.url + "\n";
  alert(s);
 }
 function onMarkerOver( event )
 {
  var s = "lat=" + AWUtils.deg2DMS(event.lat) + "\n";
  s += "lon=" + AWUtils.deg2DMS(event.lon) + "\n";
  alert(s);
 }
 function onMarkerOut( event )
 {
  var s = "lat=" + AWUtils.deg2DMS(event.lat) + "\n";
  s += "lon=" + AWUtils.deg2DMS(event.lon) + "\n";
  alert(s);
 }
 // Locate ArcWeb Explorer component.
 var myExplorer = new AWMap('map');
 // Create an image marker style.
 var markerStyle = new AWImgMarkerStyle();
 // Used by markers that want to use this marker style.
 markerStyle.id = "myMarkerStyleId";
 markerStyle.source = "images/id-g.png";
 markerStyle.mouseOverSource = "images/id-r.png";
 markerStyle.mouseClick = "onMarkerClick";
 markerStyle.mouseOver = "onMarkerOver";
 markerStyle.mouseOut = "onMarkerOut";
 // Register the style with the map.
 myExplorer.addMarkerStyle(markerStyle);
 // Create a marker.
 var marker = new AWMarker();
 marker.latlon = latlon;
 // Used by markers that want to use this marker style.
 marker.markerStyleId = markerStyle.myMarkerStyleId;
 // Marker has user defined data in key value pair format. Here, for example, label has the value "ESRI". It could be any string.
 marker.data = {label:"ESRI",url:"http://www.esri.com"};
 // Put the marker on the map.
 myExplorer.addMarker(marker);
 

Field Detail

alpha

Number alpha

The transparency of the marker, where 0 indicates full transparency, 100 full opacity. Default is 100.

anchorX

Number anchorX

The horizontal anchor location in pixels within the image. Icon details are on the ArcWeb Explorer JavaScript Markers page.

anchorY

Number anchorY

The vertical anchor location in pixels within the image. Icon details are on the ArcWeb Explorer JavaScript Markers page.

bubbleHeight

Number bubbleHeight

The vertical distance in pixels that a marker should have to display a bubble. Default is 0.

bubbleWidth

Number bubbleWidth

The horizontal distance in pixels that a marker should have to display a bubble. Default is 0.

height

Number height

The height in pixels of the source image. Icon details are on the ArcWeb Explorer JavaScript Markers page.

id

String id

The style identifier.

mouseClick

String mouseClick

The name of the callback function to execute when a mouse click event occurs.

mouseOut

String mouseOut

The name of the callback function to execute when a mouse out event occurs.

mouseOver

String mouseOver

The name of the callback function to execute when a mouse over event occurs.

mouseOverSource

String mouseOverSource

The mouse over image source. This can be any URL to a PNG image. The images can be accessed at the path "images/image-name.png". Valid icon details are on the ArcWeb Explorer JavaScript Markers page.

source

String source

The image source. This can be any URL to a PNG image. The images can be accessed at the path "images/image-name.png". Valid icon details are on the ArcWeb Explorer JavaScript Markers page.

width

Number width

The width in pixels of the source and mouse over source image. Icon details are on the ArcWeb Explorer JavaScript Markers page.

AWImgMarkerStyle

AWImgMarkerStyle()

Construct a new AWImgMarkerStyle object.

Returns:
An instance of AWImgMarkerStyle.