（二五）ArcGIS JS InfoTemplate 定位自动显示

秒速五厘米 2021-07-26 14:37 958阅读 1赞

### 前言 ###

在工作中，需要在点击数据条时进行定位并显示弹窗。如下图所示：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2lkb215d2F5_size_16_color_FFFFFF_t_70]

### 实现代码示例 ###

map.graphics.clear();
                 
    let infoTemplate = new InfoTemplate("${NAME}", 
    	"所在县区: ${ADMINNAME} <br/>" +
    	"所在地址: ${OLDADDRESS} <br/>" +
    	"所在地址: ${ADDRESS}");
     let attr = {  
       "NAME": obj.NAME,
       "ADMINNAME": obj.ADMINNAME,
       "ADDRESS": obj.ADDRESS,
       "OLDADDRESS": obj.OLDADDRESS 
     };
     let itempoint = new Point(obj.ZBX, obj.ZBY, new SpatialReference({  wkid: wmtsOption.wkid }));
    
     let graphic = new Graphic(itempoint, picSymbol, attr, infoTemplate);
     map.graphics.add(graphic);
     // 设置弹窗自动显示
     map.infoWindow.show(itempoint);
     map.infoWindow.setFeatures([graphic]);
    
     map.centerAt(itempoint);

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2lkb215d2F5_size_16_color_FFFFFF_t_70]: /images/20210726/085352960339418ca0cded22fce3dcd5.png

发表评论取消回复

表情：

评论列表（有 0 条评论，958人围观）

还没有评论，来说两句吧...

相关阅读

相关 arcgis for android（二）显示二维地图

1、上一节讲了 arcgis for android 入门与提高（一）配置环境[https://blog.csdn.net/HB\_Programmer/article/det

不念不忘少年蓝@/ 2022年09月09日 06:05/ 0 赞/ 312 阅读

相关 arcgis js（五）切换底图

1、经过四节的学习终于能够显示天地图了[arcgis js（四）加载天地图\_郝大大的博客-CSDN博客][arcgis js_-CSDN]，以后的开发也就能基于天地图的底图了

怼烎@/ 2022年09月06日 15:17/ 0 赞/ 363 阅读

相关 arcgis js（二）显示三维地图

1、上一节讲了arcgis js入门与提高（一）加载二维地图[arcgis js（一）显示二维地图\_郝大大的博客-CSDN博客][arcgis js_-CSDN]，本节继续讲

- 日理万妓/ 2022年09月06日 11:29/ 0 赞/ 218 阅读

相关 arcgis js（一）显示二维地图

1、今天开始记录web gis的学习过程，点滴积累，聚沙成塔！ 2、由于工作业务需要，在做了一年多的安卓开发之后要转向网页前端开发，但是基础业务还是跟地理信息系统、测绘、遥感

短命女/ 2022年09月06日 10:14/ 0 赞/ 219 阅读

相关【ArcGIS JS 4.x】定位到特定要素

使用MapView.goto(Extent)实现功能。避坑： 1、要素Extent的空间参考需与MapView保持一致，比如MapView为WGS84，那么Extent

我就是我/ 2022年08月28日 10:52/ 0 赞/ 224 阅读

相关点击列表信息，arcgis地图定位并显示详细信息

//地图定位2 x,y--by zy function gotoMap(x, y, name, content, dizhi) \{ //清除上一次显示 myMap.gr

本是古典何须时尚/ 2022年01月15日 15:51/ 0 赞/ 322 阅读

相关（二二）ArcGIS JS 实现地图点坐标的转换

普通`WGS84`坐标将投影坐标转换为地理坐标（经纬度坐标） esri/geometry/Point `getLatitude()` `

拼搏现实的明天。/ 2021年09月18日 08:02/ 0 赞/ 676 阅读

相关（五）ArcGIS JS FindTask 按属性查询地图信息

前言我们在使用ArcGIS JS API时，会遇到在文本框中输入名称，查询该要素，实现要素的查找功能。准备在本地部署ArcGIS JS

超、凢脫俗/ 2021年09月14日 16:40/ 0 赞/ 386 阅读

相关（二）ArcGIS JS 加载动态地图服务

前言在上一篇博客讲述了怎么发布动态地图服务，在本章中介绍怎么在JavaScript加载动态地图服务。准备在本地部署ArcGIS JS

Dear 丶/ 2021年09月14日 16:18/ 0 赞/ 533 阅读

相关（二五）ArcGIS JS InfoTemplate 定位自动显示

前言在工作中，需要在点击数据条时进行定位并显示弹窗。如下图所示： ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpd

秒速五厘米/ 2021年07月26日 14:37/ 1 赞/ 959 阅读