Displaying attachments in the popup window using ArcGIS JavaScript API 4.10Problems with features, popups and...
What does an unprocessed RAW file look like?
How to deal with an underperforming subordinate?
Does the US government have any planning in place to ensure there's no shortages of food, fuel, steel and other commodities?
Does it take energy to move something in a circle?
Coworker asking me to not bring cakes due to self control issue. What should I do?
Writing dialogues for characters whose first language is not English
Can I travel from country A to country B to country C without going back to country A?
Renting a 2CV in France
Feature to polygon in multiple folders
Is there a non trivial covering of the Klein bottle by the Klein bottle
Maybe pigeonhole problem?
What would be some possible ways of escaping higher gravity planets?
How unreachable are Jupiter's moons from Mars with the technology developed for going to Mars?
How do you get out of your own psychology to write characters?
Specific list manipulation
Isn't a semicolon (';') needed after a function declaration in C++?
Why do single electrical receptacles exist?
Is the fingering of thirds flexible or do I have to follow the rules?
Create linguistic diagram (in TikZ?)
my cron command doesn’t work
Critique vs nitpicking
Co-worker sabotaging/undoing my work. (Software Development)
Buying a "Used" Router
Sensor logger for Raspberry Pi in a stratospheric probe
Displaying attachments in the popup window using ArcGIS JavaScript API 4.10
Problems with features, popups and strategy with OpenLayersAdd layer using popup in ArcGIS Javascript APIHow to hide popup template in arcgis javascript apiIncorrect time displaying in ArcGIS API for JavaScript popup template?Attachment Image in popup from feature layer in ArcGIS API for JavaScript 4?VETiledLayer in ArcGIS JavaScript API v4?Arcgis JavaScript API - PopupTemplate - Coded values issueApplying curve using ArcGIS API for JavaScript?How to display related records in popup using ArcGIS Javascript API?Change Order of Features in Popup with ESRI ArcGIS Javascript API version 4
I have attachments in ArcMap Attribute table and would like to show the full view of image attachments not an icon with image name. The following code enables the attachments but I need it to show the full image.
Refer following code what I have tried:
Multiple popup elements - 4.10
html,
body,
#mapDiv {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
}
require([
"esri/Map",
"esri/views/MapView",
"esri/layers/FeatureLayer",
"esri/PopupTemplate"
],
function(Map, MapView, FeatureLayer, PopupTemplate )
{
var map = new Map(
{
basemap: "streets"
});
var view = new MapView(
{
container: "mapDiv",
map: map,
center: [73.7588539,15.5382004],
zoom: 18,
popup: {
dockEnabled: true,
dockOptions: {
buttonEnabled: false,
breakpoint: false
}
}
});
var popuptemplate = new PopupTemplate(
{
content: [
{
type: "fields",
fieldInfos: [
{
fieldName: "NAME",
visible: true,
label: "NAME"
},
{
fieldName: "CATEGORY",
visible: true,
label: "CATEGORY"
},
{
fieldName: "LOCATION",
visible: true,
label: "LOCATION"
},
{
fieldName: "ROAD_NAME",
visible: true,
label: "ROAD_NAME"
}
]
},
{
type: "attachments"
}
]
}
)
var featureLayer = new FeatureLayer(
{
url: "https://services9.arcgis.com/jGhca1TTbMzJljJI/arcgis/rest/services/GTDC_1/FeatureServer/0",
popupTemplate: popuptemplate,
outFields: ["*"]
});
map.add(featureLayer);
});
This is what I am getting:

But I target output is:

popup arcgis-javascript-api-4 attachments
New contributor
vasu is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
add a comment |
I have attachments in ArcMap Attribute table and would like to show the full view of image attachments not an icon with image name. The following code enables the attachments but I need it to show the full image.
Refer following code what I have tried:
Multiple popup elements - 4.10
html,
body,
#mapDiv {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
}
require([
"esri/Map",
"esri/views/MapView",
"esri/layers/FeatureLayer",
"esri/PopupTemplate"
],
function(Map, MapView, FeatureLayer, PopupTemplate )
{
var map = new Map(
{
basemap: "streets"
});
var view = new MapView(
{
container: "mapDiv",
map: map,
center: [73.7588539,15.5382004],
zoom: 18,
popup: {
dockEnabled: true,
dockOptions: {
buttonEnabled: false,
breakpoint: false
}
}
});
var popuptemplate = new PopupTemplate(
{
content: [
{
type: "fields",
fieldInfos: [
{
fieldName: "NAME",
visible: true,
label: "NAME"
},
{
fieldName: "CATEGORY",
visible: true,
label: "CATEGORY"
},
{
fieldName: "LOCATION",
visible: true,
label: "LOCATION"
},
{
fieldName: "ROAD_NAME",
visible: true,
label: "ROAD_NAME"
}
]
},
{
type: "attachments"
}
]
}
)
var featureLayer = new FeatureLayer(
{
url: "https://services9.arcgis.com/jGhca1TTbMzJljJI/arcgis/rest/services/GTDC_1/FeatureServer/0",
popupTemplate: popuptemplate,
outFields: ["*"]
});
map.add(featureLayer);
});
This is what I am getting:

But I target output is:

popup arcgis-javascript-api-4 attachments
New contributor
vasu is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
add a comment |
I have attachments in ArcMap Attribute table and would like to show the full view of image attachments not an icon with image name. The following code enables the attachments but I need it to show the full image.
Refer following code what I have tried:
Multiple popup elements - 4.10
html,
body,
#mapDiv {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
}
require([
"esri/Map",
"esri/views/MapView",
"esri/layers/FeatureLayer",
"esri/PopupTemplate"
],
function(Map, MapView, FeatureLayer, PopupTemplate )
{
var map = new Map(
{
basemap: "streets"
});
var view = new MapView(
{
container: "mapDiv",
map: map,
center: [73.7588539,15.5382004],
zoom: 18,
popup: {
dockEnabled: true,
dockOptions: {
buttonEnabled: false,
breakpoint: false
}
}
});
var popuptemplate = new PopupTemplate(
{
content: [
{
type: "fields",
fieldInfos: [
{
fieldName: "NAME",
visible: true,
label: "NAME"
},
{
fieldName: "CATEGORY",
visible: true,
label: "CATEGORY"
},
{
fieldName: "LOCATION",
visible: true,
label: "LOCATION"
},
{
fieldName: "ROAD_NAME",
visible: true,
label: "ROAD_NAME"
}
]
},
{
type: "attachments"
}
]
}
)
var featureLayer = new FeatureLayer(
{
url: "https://services9.arcgis.com/jGhca1TTbMzJljJI/arcgis/rest/services/GTDC_1/FeatureServer/0",
popupTemplate: popuptemplate,
outFields: ["*"]
});
map.add(featureLayer);
});
This is what I am getting:

But I target output is:

popup arcgis-javascript-api-4 attachments
New contributor
vasu is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
I have attachments in ArcMap Attribute table and would like to show the full view of image attachments not an icon with image name. The following code enables the attachments but I need it to show the full image.
Refer following code what I have tried:
Multiple popup elements - 4.10
html,
body,
#mapDiv {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
}
require([
"esri/Map",
"esri/views/MapView",
"esri/layers/FeatureLayer",
"esri/PopupTemplate"
],
function(Map, MapView, FeatureLayer, PopupTemplate )
{
var map = new Map(
{
basemap: "streets"
});
var view = new MapView(
{
container: "mapDiv",
map: map,
center: [73.7588539,15.5382004],
zoom: 18,
popup: {
dockEnabled: true,
dockOptions: {
buttonEnabled: false,
breakpoint: false
}
}
});
var popuptemplate = new PopupTemplate(
{
content: [
{
type: "fields",
fieldInfos: [
{
fieldName: "NAME",
visible: true,
label: "NAME"
},
{
fieldName: "CATEGORY",
visible: true,
label: "CATEGORY"
},
{
fieldName: "LOCATION",
visible: true,
label: "LOCATION"
},
{
fieldName: "ROAD_NAME",
visible: true,
label: "ROAD_NAME"
}
]
},
{
type: "attachments"
}
]
}
)
var featureLayer = new FeatureLayer(
{
url: "https://services9.arcgis.com/jGhca1TTbMzJljJI/arcgis/rest/services/GTDC_1/FeatureServer/0",
popupTemplate: popuptemplate,
outFields: ["*"]
});
map.add(featureLayer);
});
This is what I am getting:

But I target output is:

popup arcgis-javascript-api-4 attachments
popup arcgis-javascript-api-4 attachments
New contributor
vasu is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
New contributor
vasu is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
New contributor
vasu is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
asked 5 mins ago
vasuvasu
1
1
New contributor
vasu is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
New contributor
vasu is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
vasu is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
add a comment |
add a comment |
0
active
oldest
votes
Your Answer
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "79"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: false,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: null,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
vasu is a new contributor. Be nice, and check out our Code of Conduct.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fgis.stackexchange.com%2fquestions%2f313423%2fdisplaying-attachments-in-the-popup-window-using-arcgis-javascript-api-4-10%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
vasu is a new contributor. Be nice, and check out our Code of Conduct.
vasu is a new contributor. Be nice, and check out our Code of Conduct.
vasu is a new contributor. Be nice, and check out our Code of Conduct.
vasu is a new contributor. Be nice, and check out our Code of Conduct.
Thanks for contributing an answer to Geographic Information Systems Stack Exchange!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fgis.stackexchange.com%2fquestions%2f313423%2fdisplaying-attachments-in-the-popup-window-using-arcgis-javascript-api-4-10%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown