Lloyd,
The two can not be combined as they are because they both are wanting to listen for a map click event and one will override the other. You can extend the pixel identify code to also include identifying the feature layer as well though, but you would lose the attachments portion. This would involve adding a second identifyTask class and set the featurelayer url as the url for the task and then use a dojo all to wait for both identify tasks to return before you process the results.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no">
<title>San Francisco</title>
<link rel="stylesheet" href="https://js.arcgis.com/3.18/dijit/themes/claro/claro.css">
<link rel="stylesheet" href="https://js.arcgis.com/3.18/esri/css/esri.css">
<style>
html,
body {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
}
.esriScalebar {
padding: 20px 20px;
}
#map {
padding: 0;
}
</style>
<script src="https://js.arcgis.com/3.18/"></script>
<script>
var map;
require([
"esri/config",
"esri/map",
"esri/InfoTemplate",
"esri/dijit/Popup",
"esri/dijit/PopupTemplate",
"esri/layers/FeatureLayer",
"esri/symbols/SimpleMarkerSymbol",
"esri/tasks/GeometryService",
"dojo/dom-construct",
"dojo/parser",
"esri/Color",
"esri/tasks/IdentifyTask",
"esri/tasks/IdentifyParameters",
"esri/layers/ArcGISDynamicMapServiceLayer",
"dojo/_base/array",
"dojo/promise/all",
"dojo/_base/lang",
"dijit/layout/BorderContainer",
"dijit/layout/ContentPane",
"dojo/domReady!"
],
function(
esriConfig, Map, InfoTemplate, Popup, PopupTemplate, FeatureLayer,
SimpleMarkerSymbol, GeometryService, domConstruct, parser, Color,
IdentifyTask, IdentifyParameters, ArcGISDynamicMapServiceLayer,
arrayUtils, all, lang
) {
var identifyTask, identifyTask2, identifyParams, promises;
parser.parse();
esriConfig.defaults.geometryService = new GeometryService("https://utility.arcgisonline.com/ArcGIS/rest/services/Geometry/GeometryServer");
var popupOptions = {
markerSymbol: new SimpleMarkerSymbol("circle", 32, null,
new Color([0, 0, 0, 0.25])),
marginLeft: "20",
marginTop: "20"
};
var popup = new Popup(popupOptions, domConstruct.create("div"));
map = new Map("map", {
basemap: "topo",
center: [-81, 32],
zoom: 11,
infoWindow: popup
});
map.on("load", mapReady);
function mapReady() {
map.on("click", executeIdentifyTask);
identifyTask = new IdentifyTask("http://sagisservices.thempc.org/saint/rest/services/Imagery/ElevationDEM/MapServer");
identifyTask2 = new IdentifyTask("http://sagisservices.thempc.org/saint/rest/services/CEMA/CEMA1/MapServer");
identifyParams = new IdentifyParameters();
identifyParams.tolerance = 1;
identifyParams.returnGeometry = true;
identifyParams.layerIds = [0];
identifyParams.layerOption = IdentifyParameters.LAYER_OPTION_ALL;
identifyParams.width = map.width;
identifyParams.height = map.height;
}
function executeIdentifyTask(event) {
identifyParams.geometry = event.mapPoint;
identifyParams.mapExtent = map.extent;
promises = [];
identifyParams.tolerance = 1;
promises.push(identifyTask.execute(identifyParams));
identifyParams.tolerance = 5;
promises.push(identifyTask2.execute(identifyParams));
var iPromises = new all(promises);
iPromises.then(lang.hitch(this, function (r) {
var idResults = [];
arrayUtils.map(r, function(response) {
arrayUtils.map(response, function(result) {
var feature = result.feature;
var layerName = result.layerName;
feature.attributes.layerName = layerName;
var iTemplate;
if(feature.attributes['Pixel Value']){
iTemplate = new InfoTemplate(layerName,
"Pixel Value is : " + feature.attributes['Pixel Value']);
feature.setInfoTemplate(iTemplate);
}else{
iTemplate = new InfoTemplate(layerName, "${*}");
feature.setInfoTemplate(iTemplate);
}
idResults.push(feature);
});
});
map.infoWindow.setFeatures(idResults);
map.infoWindow.show(event.mapPoint);
}));
}
var featureLayer = new FeatureLayer("http://sagisservices.thempc.org/saint/rest/services/CEMA/CEMA1/MapServer/0", {
mode: FeatureLayer.MODE_SNAPSHOT,
outFields: ["*"]
});
var rasterLayer = new ArcGISDynamicMapServiceLayer("http://sagisservices.thempc.org/saint/rest/services/Imagery/ElevationDEM/MapServer", {
opacity: .55
});
map.addLayers([featureLayer, rasterLayer]);
});
</script>
</head>
<body class="claro">
<div data-dojo-type="dijit/layout/BorderContainer" data-dojo-props="design:'headline'" style="width: 100%; height: 100%; margin: 0;">
<div id="map" data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region:'center'" style="border:1px solid #000;padding:0;">
</div>
</div>
</body>
</html>
