Arcgis Esri地图:收集区域选择的pictureMarkerSymbols信息
Arcgis Esri Map: Collect pictureMarkerSymbols info on area select
我试图创建一个地图,在那里我可以创建一个选择区域,并得到它下面的所有图形指针的信息,我试图用下面的例子修改,但他们正在使用web服务和查询,我想要json或数组。
就是这个例子http://developers.arcgis.com/javascript/samples/graphics_extent_query/我正在遵循
我想在选择后获得指针的电子邮件地址。这里有一个小提琴http://bit.ly/1jwLazp开始。
我将您的小提琴与样品结合起来,产生了以下内容:
https://jsfiddle.net/gary4620/t9h513c7/17/var map;
var s;
var gl;
var highlightSymbol;
require([
"esri/map",
"esri/geometry/Point",
"esri/symbols/SimpleMarkerSymbol",
"esri/graphic",
"esri/layers/GraphicsLayer",
"esri/toolbars/draw",
"esri/symbols/SimpleMarkerSymbol",
"esri/InfoTemplate",
"dojo/domReady!"], function (
Map, Point, SimpleMarkerSymbol, Graphic, GraphicsLayer, Draw, SimpleMarkerSymbol, InfoTemplate) {
function initToolbar(map) {
var tb = new Draw(map);
tb.on("draw-end", findPointsInExtent);
tb.activate(Draw.EXTENT);
}
function findPointsInExtent(result) {
var extent = result.geometry;
var results = [];
require(["dojo/_base/array"], function (array) {
array.forEach(gl.graphics, function (graphic) {
if (extent.contains(graphic.geometry)) {
graphic.setSymbol(highlightSymbol);
results.push(graphic.getContent());
}
//else if point was previously highlighted, reset its symbology
else if (graphic.symbol == highlightSymbol) {
graphic.setSymbol(s);
}
});
//TODO use results as needed; here we just print to console
console.log("There are " + results.length + " results:");
console.log(results.join(""));
});
}
map = new Map("map", {
basemap: "streets",
center: [-88.21, 42.21],
zoom: 10
});
map.on("load", function () {
var content = 'email@address.com';
gl = new GraphicsLayer();
var p = new Point(-88.380801, 42.10560);
s = new SimpleMarkerSymbol().setSize(20);
var g = new Graphic(p, s, {
'title': 'Title',
'content': content
}, new InfoTemplate('${title}', '${content}'));
gl.add(g);
map.addLayer(gl);
initToolbar(this);
});
highlightSymbol = new SimpleMarkerSymbol().setColor(new dojo.Color([255,0,0]));
});
相关文章:
- 下拉选择可自动更改第二个下拉选择
- 如何使用jQuery选择下拉列表的值
- jquery点击函数select&取消选择
- Windows8应用程序(html&Javascript):从图片库(除了文件选择器)显示图像的另一种方式
- 按照选项卡索引的顺序循环一个jQuery选择
- 在动态创建的元素上获取对特定选择器的引用
- AngularJS-在JSON选择器中使用变量名
- 每当您在选择器内移动鼠标时,悬停功能就会重复
- 获取选择框的状态
- d3基于用户选择动态更新节点
- 提交后保留下拉选择的值
- JQuery对动态创建的对象进行选择
- 无法在Ionic select中预先选择最后一个选项
- 使用CSS或js,使用动态选择器选择任意li的下一个元素
- jQuery自动完成阻止选择后聚焦
- 使用此选项选择父类内部的类
- jQuery最近父级的数据属性选择器
- 遍历类元素数组,并在jquery中选择同级元素
- CKeditor:更改对话框中的默认选择选项
- 为什么不'在JQuery中找到第二个css选择器的工作