Arcgis Esri地图:收集区域选择的pictureMarkerSymbols信息

Arcgis Esri Map: Collect pictureMarkerSymbols info on area select

本文关键字:选择 pictureMarkerSymbols 信息 区域 Esri 地图 Arcgis      更新时间:2023-09-26

我试图创建一个地图,在那里我可以创建一个选择区域,并得到它下面的所有图形指针的信息,我试图用下面的例子修改,但他们正在使用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]));
});