国产精品大片!

arcgis api 3.x for js 入门开发系列二十一气泡窗口信息动态配置模板

国产精品大片

栏目分类
国产精品大片
国产精品
国产免费
你的位置:国产精品大片 > 国产免费 >
arcgis api 3.x for js 入门开发系列二十一气泡窗口信息动态配置模板
发布日期:2021-10-21 19:55    点击次数:168
前言关于本篇功能实现用到的 api 涉及类看不懂的,请参照 esri 官网的 arcgis api 3.x for js:esri 官网 api,里面详细的介绍 arcgis api 3.x 各个类的介绍,还有就是在线例子:esri 官网在线例子,这个也是学习 arcgis api 3.x 的好素材。

在上一个地图查询章节中,实现了图层查询功能,但是查询结果的气泡窗口显示,信息写入代码中是为了绑定图层的字段,比如名称属性字段对应的值。但是,这种实现非常不灵活。幸运的是,当层字段不变或多个层字段的名称一致时,代码不需要更改。如果增加或删除了图层字段,并且多个图层的字段不一致,那么每次修改查询结果的js代码都要进行相应的修改,维护起来非常不方便。因此,本文对气泡窗口的信息模板进行了优化,采用动态配置图层字段的方式,配置图层需要在配置文件中显示的字段模板。例如,mapconfig文件的配置如下:

/*配置气泡窗口模板匹配字段信息*/ MapConfig.fields = { "metro": { simple: [ { field: "Name_CHN", alias: "中文名称" }, { field: "NAME_ENG", alias: "英文名称" }, { field: "Code", alias: "编码" }, { field: "ExitCount", alias: "出口数" } ] } }

效果图如下:

具体实现思路层查询函数query points:function(){var type URL = ";var queryTask = " ";var query = new ESRI . tasks . query();query . return geometry = true;query . OutFields =[" *];query . where = " 1 = 1 ";TYPe URl = " http://localhost:6080/ArcGIS/rest/services/GzTest/Mapserver/1 ";query task = new ESRI . tasks . query task(TYPeURl); queryTask.execute(query,function(results){var symbol = new ESRI . symbol . picturemarkersymbol(getRootPath()+“Content/images/poi/poilocation . png”,24,24);if(results . features . length > 0){var RexTent = null;for(var I = 0;I 0){for(var I = 0;i arcgis api 3.x for js 入门开发系列二十一气泡窗口信息动态配置模板 - 小专栏

如果你对这个栏目感兴趣,可以关注一波。

GIS之家店铺:GIS之家GIS之家源代码咨询:GIS之家webgis入门开发系列演示源代码咨询。