ArcGIS for javascript 构建GraphicsLayer

1)首先获取平面坐标,根据对应的坐标系,实例化坐标对象,如下:

var point = new esri.geometry.Point(xpoint,ypoint,new esri.SpatialReference({wkid:4326}));

wkid后面的值,一定选择当前GIS对应的坐标系标准,不一定是4326!

2)实例化内容模板

var infoTemplate = new esri.InfoTemplate(content, "<a href=‘javascript:showDetail()‘>查看详情</a>");

3)实例化图形符号

var symbol = new esri.symbol.PictureMarkerSymbol("images/red.png", 25, 25);

4)实例化基本元素

var graphic = new esri.Graphic(point, symbol, null, infoTemplate);

5)实例化GraphicsLayer

graphicLayer = new esri.layers.GraphicsLayer();

6)把元素添加到图像层

graphicLayer.add(graphic);

7)让当前坐标居中

map.centerAt(point);

注意:有时候居中效果无效,可能是因为Point的第三个坐标系参数不对,所以必须先了解GIS图层的坐标系!

时间: 2024-10-25 15:44:25

ArcGIS for javascript 构建GraphicsLayer的相关文章

Arcgis for Javascript之featureLayer图和属性的互操作

说明:主要实现加载FeatureLayer与显示属性表,并实现属性表与地图的联动,首先,看看实现后的效果: 显示效果 如上图所示,本文章主要实现了以下几个功能:1.FeatureLayer属性表的分页加载与显示:2.属性表和地图的互操作,包括鼠标经过时在地图上显示名称并高亮显示.点击列表显示对象的信息框,如下图: 显示信息框 下面,说说具体的实现思路与代码. 1.FeatureLayer属性表的获取 获取FeatureLayer的属性表,首先得创建FeatureLayer对象,如下: ftch

Arcgis for Javascript实现图

首先,截个图给大家看结果: 初始化状态 放大后的状态 点击选中后的状态 如上图所看到的,一般的涉及到的地图的统计涉及到上述所展示的三个状态:1.初始化状态.2.缩放后的状态:3.点击选中显示详情状态.第一种状态下,载入统计图.一般来说,在地图上显示的统计图仅仅是一个趋势或者示意,具体的还得去点击显示.另外一种状态.随着地图的缩放,地图统计图随着地图的大小变化.第三种状态,点击选中,在信息框显示具体的统计图的信息. 首先,跟大家谈谈地图统计图几种实现方式.眼下情况下,在Arcgis for Jav

arcgis for javascript之ArcGISDynamicMapServiceLayer图层控制的实现

图层控制是很多GIS系统里面必须的一个小功能,本文就说说arcgis for javascript下ArcGISDynamicMapServiceLayer图层控制的实现方式.首先看图: 实现效果 重点有以下两点:1.获取ArcGISDynamicMapServiceLayer的图层:2.控制图层的显示.图层的获取可通过layerInfos实现,图层的显示通过setVisibleLayers实现,源代码如下: <!DOCTYPE html> <html> <head>

Arcgis for Javascript之统计图的实现

首先,截个图给大家看看效果: 初始化状态 放大后的状态 点击选中后的状态 如上图所示,一般的涉及到的地图的统计涉及到上述所展示的三个状态:1.初始化状态:2.缩放后的状态:3.点击选中显示详情状态.第一种状态下,加载统计图,一般来说,在地图上显示的统计图只是一个趋势或者示意,详细的还得去点击显示:第二种状态,随着地图的缩放,地图统计图随着地图的大小变化:第三种状态,点击选中,在信息框显示详细的统计图的信息. 首先,跟大家谈谈地图统计图几种实现方式.目前情况下,在Arcgis for Javasc

Arcgis for javascript不同的状态下自定义鼠标样式

俗话说:爱美之心,人皆有之.是的,没错,即使我只是一个做地图的,我也希望自己的地图看起来好看一点.在本文,给大家讲讲在Arcgis for javascript下如何自定义鼠标样式. 首先,说几个状态.1.鼠标在地图上面移动:2.按住鼠标左键拖拽鼠标:3.拉框放大地图:4.拉框缩小地图. 鼠标在地图上面时为: 按住鼠标拖拽地图时为: 拉框放大地图时为: 拉框缩小地图时为. 接下来,说说我的实现思路. 第一种状态,在地图加载完成时出现,代码: map.on("load",function

ArcGIS for JavaScript 3.9 本机IIS部署

arcgis 官方网站经常会打不开,天朝人民都懂得!因为将arcgis for javascript 配置到本机访问 首先esri中国下载最新版3.9的API: http://support.esrichina-bj.cn/2011/0223/960.html 下载到本机后 将压缩包解压 复制这个arcgis_js_v39_api/arcgis_js_api到iis的根目录(当然你可以复制到你的项目所在的目录下). 即:C:\Inetpub\wwwroot\目录下 172.16.5.238 为我

ArcGIS for JavaScript学习(一)

一  API准备 从网上下载开发包:ArcGIS for JavaScript(百度网盘地址) sdk中含有API的帮助和例子 2.离线部署(以IIS为例) 配置IIS(详见网络):解压离线包,包中的install_SDK.html/install_API.html文件含有详细的部署过程. 二 第一个应用程序 使用在线api (1)创建简单的html文档 <!DOCTYPE html> <html> <head> <meta http-equiv="Co

ArcGIS for JavaScript继承TiledMapServiceLayer来实现“动态切图”

这种方式可以提高出图速度于效果,算法见http://blog.newnaw.com/?p=633,我用ArcGIS for JavaScript API来实现.具体代码为: 1 function initDynamicMapLayer() { 2 dojo.declare("ogc.DynamicMapLayer", esri.layers.TiledMapServiceLayer, { // create DynamicMapLayer by extending esri.layer

ArcGIS For JavaScript API 默认参数

“esri.config”的是在1.3版中的的“esriConfig”的替代品.如果您使用的是1.2或更低的版本,您应该参阅默认API v1.2和更低的配置.对于版本1.3或更高版本,您可以使用“esri.config”在地方的“esriConfig”.虽然“esriConfig”可以继续使用,与1.3版本,您应该更新您的应用程序,而不是使用“esri.config”.ArcGIS的JavaScript API中有一些默认的配置,可以被重写编程.例如:        var zoomSymbol