Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://developers.arcgis.com/en/javascript/jsapi/graphic-amd.html below:

Graphic | API Reference | ArcGIS API for JavaScript 3.46

require(["esri/graphic"], function(Graphic) { /* code goes here */ });

(Added at v1.0)

A Graphic can contain

, a

, attributes, or an

. A Graphic is displayed in the

. The GraphicsLayer allows you to listen for events on Graphics.

Search for

that use this class.

Constructor Details

Creates a new Graphic object. Specify parameters in the given order using null if you aren't providing a value for an option.

require([
  "esri/geometry/Point", "esri/symbols/SimpleMarkerSymbol",
  "esri/Color", "esri/InfoTemplate", "esri/graphic", ... 
], function(Point, SimpleMarkerSymbol, Color, InfoTemplate, Graphic, ... ) {
  var pt = new Point(xloc,yloc,map.spatialReference)
  var sms = new SimpleMarkerSymbol().setStyle(
    SimpleMarkerSymbol.STYLE_SQUARE).setColor(
    new Color([255,0,0,0.5]));
  var attr = {"Xcoord":evt.mapPoint.x,"Ycoord":evt.mapPoint.y,"Plant":"Mesa Mint"};
  var infoTemplate = new InfoTemplate("Vernal Pool Locations","Latitude: ${Ycoord} <br/>
    Longitude: ${Xcoord} <br/>
    Plant Name:${Plant}");
  var graphic = new Graphic(pt,sms,attr,infoTemplate);
  ...
});

Creates a new Graphic object using a JSON object.

Create a line

require([
  "esri/graphic", ... 
], function(Graphic, ... ) {
  var myLine ={geometry:{"paths":[[[-91.40625,6.328125],[6.328125,19.3359375]]],
    "spatialReference":{"wkid":4326}},
    "symbol":{"color":[0,0,0,255],"width":1,"type":"esriSLS","style":"esriSLSSolid"}};
  var gra= new Graphic(myLine);
  ...
});

Create a polygon

require([
  "esri/graphic", ... 
], function(Graphic, ... ) {
  var myPolygon = {"geometry":{"rings":[[[-115.3125,37.96875],[-111.4453125,37.96875],
    [-99.84375,36.2109375],[-99.84375,23.90625],[-116.015625,24.609375],
    [-115.3125,37.96875]]],"spatialReference":{"wkid":4326}},
    "symbol":{"color":[0,0,0,64],"outline":{"color":[0,0,0,255],
    "width":1,"type":"esriSLS","style":"esriSLSSolid"},
    "type":"esriSFS","style":"esriSFSSolid"}};
  var gra = new Graphic(myPolygon);
  ...
});

Create a multipoint

require([
  "esri/graphic", ... 
], function(Graphic, ... ) {
  var myMultiPoint = {"geometry":{"points":[[-92.109375,44.296875],[-86.1328125,31.9921875],
    [-73.4765625,45.703125]],"spatialReference":4326},"symbol":{"color":[255,255,255,64],
    "size":12,"angle":0,"xoffset":0,"yoffset":0,"type":"esriSMS","style":"esriSMSCircle",
    "outline":{"color":[0,0,0,255],"width":1,"type":"esriSLS","style":"esriSLSSolid"}}};
  var gra = new Graphic(myMultiPoint);
  ...
});

Create a point and specify an infoTemplate

require([
  "esri/graphic", ... 
], function(Graphic, ... ) {
  var myPoint = {"geometry":{"x":-104.4140625,"y":69.2578125,
    "spatialReference":{"wkid":4326}},"attributes":{"XCoord":-104.4140625,
    "YCoord":69.2578125,"Plant":"Mesa Mint"},"symbol":{"color":[255,0,0,128],
    "size":12,"angle":0,"xoffset":0,"yoffset":0,"type":"esriSMS",
    "style":"esriSMSSquare","outline":{"color":[0,0,0,255],"width":1,
    "type":"esriSLS","style":"esriSLSSolid"}},
    "infoTemplate":{"title":"Vernal Pool Locations","content":"Latitude: ${YCoord} <br/>
     Longitude: ${XCoord} <br/> Plant Name:${Plant}"}};
  var gra = new Graphic(myPoint);
  ...
});

Property Details

Name value pairs of fields and field values associated with the graphic.

Date field values are always represented as

values. This means that when updating existing features, date fields must have numeric values and not date objects.

The geometry that defines the graphic.

The content for display in an InfoWindow.

The symbol for the graphic.

Indicate the visibility of the graphic. The default value is true.

Known values: true | false

Default value: true

Method Details

Adds a new attribute or changes the value of an existing attribute on the graphic's DOM node. Removes the attribute if the value is null or undefined. Add at v3.7.. Note: use the attributes property or setAttributes() method to set the graphic attributes. (Added at v3.7)

Creates a deep clone of the graphic object. (Added at v3.22)

var clonedGraphic = graphic.clone();

Draws the graphic. (Added at v3.7)

Returns the graphics summarized by an aggregate graphic in a clustering or feature reduction visualization. Use

to first check if the graphic calling this method represents an aggregation of points. See

for more details.

Returns the content string based on attributes and infoTemplate values.

Returns the dojo/gfx/shape.Shape of the Esri graphic. One common use for the getDojoShape method is to change the drawing order of a graphic using the moveToFront and moveToBack methods. Deprecated at v3.8. Use getShape and getShapes instead.

graphic.getDojoShape().moveToFront();
graphic.getDojoShape().moveToBack();

Returns the info template associated with the graphic. If no info template is associated with the graphic it returns the info template associated with the parent layer of the graphic. (Added at v3.5)

Returns a reference to the associated layer. The layer is always returned, even if the graphic is no longer part of that layer. Prior to version 3.10, it would return a graphics layer that contains the graphic in addition to returning null if the graphic was not added to a layer. (Added at v2.0)

Returns the DOM node used to draw the graphic. Returns null or undefined if the graphic is drawn on

. The SVG element will likely return a

,

, or

.

map.graphics.on("click", function(e){
  //get the associated node info when the graphic is clicked
  var node = e.graphic.getNode();
  console.log(node);
});

Returns one or more DOM nodes used to draw the graphic. Multiple nodes are used when a graphics layer has a renderer with

. The SVG element will likely return a

,

, or

.

Applicable to label graphics. This returns the parent graphic associated to the label. (Added at v3.27)

Returns the dojox/gfx/shape.Shape of the Esri graphic. One common use is to change the drawing order of a graphic using the moveToFront and moveToBack methods. (Added at v3.8)

graphic.getShape().moveToFront();
graphic.getShape().moveToBack();

Returns one or more

used to draw the graphic. Multiple shapes are used when a graphics layer has a renderer with

.

In contrast to the

method,

does not change when a graphic is added to another layer.

Returns the title string based on attributes and infoTemplate values.

Indicates if the graphic represents a cluster of features. This only applies to point graphics in a FeatureLayer, CSVLayer, or StreamLayer. See

for more details about clustering and feature reduction.

graphic.isAggregate();

Defines the attributes of the graphic.

gra.setAttributes( {"XCoord":evt.mapPoint.x,"YCoord":evt.mapPoint.y,"Plant":"Mesa Mint"});

Defines the geometry of the graphic.

gsvc.simplify([ polygonGraphic.geometry ], function(geometries){

  polygonGraphic.setGeometry(geometries[0]);

});

Defines the InfoTemplate for the InfoWindow of the graphic. When a user clicks a graphic, the InfoWindow opens with this template.

require([
  "esri/InfoTemplate", ... 
], function(InfoTemplate, ... ) {
  var infoTemplate = new InfoTemplate();

  infoTemplate.setTitle("${NAME}");

  infoTemplate.setContent("<b>2000 Population: </b>${POP2000}<br/>"

         + "<b>2000 Population per Sq. Mi.: </b>${POP00_SQMI}<br/>"

         + "<b>2007 Population: </b>${POP2007}<br/>"

         + "<b>2007 Population per Sq. Mi.: </b>${POP07_SQMI}");

  graphic.setInfoTemplate(infoTemplate);
  ...
});

Sets the symbol of the graphic.

require([
  "esri/symbols/SimpleFillSymbol", "esri/symbols/SimpleLineSymbol", "esri/Color", ... 
], function(SimpleFillSymbol, SimpleLineSymbol, Color, ... ) {    
  var symbol = new SimpleFillSymbol(SimpleFillSymbol.STYLE_SOLID, 
    new SimpleLineSymbol(SimpleLineSymbol.STYLE_SOLID,
    new Color([98,194,204]), 2), new Color([98,194,204,0.5])
  );
  var graphic = results[i].feature;
  graphic.setSymbol(symbol);
  ...
});

Converts object to its ArcGIS Server JSON representation.

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4