POST
|
Hi, our strory map is here: https://storymaps.arcgis.com/stories/74a4bc360abd4ddd96fa3460f2b68e00 BR Matej
... View more
10-27-2023
03:47 AM
|
1
|
0
|
971
|
POST
|
Hello, We are having same issues, two story maps got services updated and one had no change at all and maps are not displaying anymore. It is the same whether editing story (button for »Place Map« in edit motion is greyed out) or previewing or viewing story maps. It doesn't work in chrome or edge, in Firefox works only for a short time after refreshing site, and then maps disappear again. It seems the same issue happened last year after an update – there was a forum topic: https://community.esri.com/t5/arcgis-storymaps-questions/web-maps-not-displaying-in-storymaps/m-p/1186756/highlight/true#M3287 Any solution?
... View more
10-27-2023
01:00 AM
|
0
|
0
|
987
|
POST
|
Hi, it can be both. Because the layer list is opened on the startup but then you have the button with arrow pointing down, which collapses the layer list and leaves the Layerlist widget open. Try it.
... View more
01-07-2022
12:22 AM
|
0
|
0
|
262
|
POST
|
Hello everyone, Is it possible to have Layer list opened on start but collapsed in WAB Portal APP, as shown in the picture? BR Matej
... View more
01-06-2022
02:19 AM
|
0
|
2
|
303
|
POST
|
Helo, I have a web app that uses our own basemaps from the basemap gallery. If I open the basemap in the portlas map it shows correctly. But in the app it doesn't show the right colors. The basemap is combined from two layers. The top layer with elevation colors load in grey instead of color palette. The basemap in question is the first one: "Digitalni model reliefa Slovenije" Link to the web map used in Basemap gallery: https://gis.arso.gov.si/portal/home/item.html?id=159b958808e54afa9c5caaf444dce019 Link to the portal map page: https://gis.arso.gov.si/portal/home/webmap/viewer.html?useExisting=1 Link to the app : https://gis.arso.gov.si/portal/apps/webappviewer/index.html? Thanks for your help, Matej
... View more
05-06-2021
01:05 AM
|
0
|
0
|
619
|
POST
|
Rober, thank you for your time and effort. As I said, I will notify you when I get the widget to work. BR, Matej
... View more
01-24-2020
04:22 AM
|
0
|
0
|
149
|
POST
|
Hi Rober, the tools doesn't need to add a basemap. It has to recognise the current map as a background layer where the results of the query will be present. Instead of current "Topografske_karte_ARSO_nova_MGI3912" map service I need the widget to use whatever basemap is currently displayed in the APP. I copied the code from standalone application and tried to make a widget out of it. The code I posted is actually widget.js file. The standalone application looks like this : Query Demo
... View more
01-23-2020
02:21 AM
|
0
|
2
|
958
|
POST
|
Hi Rober, there is one level which is even more off...I am not a developer. I found this script on the web and tried to make it work for my purpose. So looks like we will have to get it done by outsourcing, which is fine. I didn't know how far off was it. Thanks for your time and help. I will notify you if we get it to work, because it's a functionality that I miss in current widgets. BR, Matej
... View more
01-22-2020
07:02 AM
|
0
|
4
|
958
|
POST
|
Rober, I get the name of the current basemap My widget only needs basemap to show the results of the query. The widget is intended as a structured query. First you make a query on kadaster administrative unit and then on the filtered parcels, which belong only to that kadaster unit. I named my variables as State and City, so it's easier to imagine what I mean. Here's the whole code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=7,IE=9" />
<!--The viewport meta tag is used to improve the presentation and behavior of the samples
on iOS devices-->
<meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no"/>
<title>Dojo Dropdown Demo</title>
<link rel="stylesheet" href="https://community.esri.com//serverapi.arcgisonline.com/jsapi/arcgis/3.0/js/dojo/dijit/themes/claro/claro.css">
<!-- ArcGIS API for JavaScript -->
<script type="text/javascript" src="https://serverapi.arcgisonline.com/jsapi/arcgis/?v=3.0compact">
</script>
<script type="text/javascript">
dojo.require("esri.map");
dojo.require("esri.tasks.Query");
dojo.require("dijit.form.FilteringSelect");
dojo.require("dojo.data.ItemFileReadStore");
dojo.addOnLoad(init);
var map,queryTask, queryTask1;
function init() {
queryTask = new esri.tasks.QueryTask("https://gis.arso.gov.si/arcgis/rest/services/Portal/Atlasokolja_javni_PORTAL/MapServer/511");
queryTask1 = new esri.tasks.QueryTask("https://gis.arso.gov.si/arcgis/rest/services/Portal/Atlasokolja_javni_PORTAL/MapServer/5");
map = new esri.Map("map");
dojo.connect(map, "onLoad", function() {
//populate dropdown
executeQuery();
//executeQuerySecond();
});
// Add the campus basemap
var campusMap = new esri.layers.ArcGISTiledMapServiceLayer('https://gis.arso.gov.si/arcgis/rest/services/Topografske_karte_ARSO_nova_MGI3912/MapServer');
map.addLayer(campusMap);
}
function executeQuery() {
//execute the query task then populate the dropdown menu with list of building names
var query = new esri.tasks.Query();
query.returnGeometry = true;
query.outFields = ["KO_IME", "KO_ID","OBJECTID"];
query.where = "1=1";
queryTask.execute(query,populateMenu);
}
function populateMenu(featureSet){
var items = dojo.map(featureSet.features, function (item) {
return {
name: item.attributes.KO_IME,
ko_id: item.attributes.KO_ID,
id:item.attributes.OBJECTID,
label: item.attributes.KO_ID + " - " + item.attributes.KO_IME
};
});
var data = {
identifier:"id",
items:items
};
var objStore = new dojo.data.ItemFileReadStore({data:data});
var filteringSelect = new dijit.form.FilteringSelect({
style:'width:300px;',
placeHolder:'CHOOSE STATE',
store:objStore,
required:false,
labelAttr:'label',
fetchProperties:[{sort:[{attribute:'name'}]} ],
onChange:function(val){
if(val){
executeQuerySecond(this.item.ko_id[0]);
var selectQuery = new esri.tasks.Query();
selectQuery.returnGeometry = true;
selectQuery.objectIds = [val];
queryTask.execute(selectQuery,function(featureSet){
map.graphics.clear(); //clear any existing map graphics
//get the first feature and add to map
if(featureSet.features.length > 0){
var symbol = new esri.symbol.SimpleFillSymbol(esri.symbol.SimpleFillSymbol.STYLE_SOLID,
new esri.symbol.SimpleLineSymbol(esri.symbol.SimpleLineSymbol.STYLE_SOLID,
new dojo.Color([255,0,0]), 10),new dojo.Color([255,255,0,0.25]));
var feature = featureSet.features[0];
var graphic = new esri.Graphic(feature.geometry,symbol);
map.graphics.add(graphic);
var Obcina = graphic.geometry.getExtent();
map.setExtent(Obcina);
}
});
}
}
},'STATE');
}
function executeQuerySecond(sifko) {
//execute the query task then populate the dropdown menu with list of building names
var izbor = new esri.tasks.Query();
izbor.returnGeometry = true;
izbor.outFields = ["PARCELA","SIFKO","OBJECTID"];
izbor.where = "SIFKO = '" + sifko + "'";;
queryTask1.execute(izbor,populateMenu1);
}
var global_filteringSelect1 = undefined;
function populateMenu1(featureSet){
var items = dojo.map(featureSet.features, function (item) {
return {
name: item.attributes.PARCELA,
sifko: item.attributes.SIFKO,
id1:item.attributes.OBJECTID
};
});
var data = {
identifier:"id1",
items:items
};
var objStore = new dojo.data.ItemFileReadStore({data:data});
if(global_filteringSelect1 != undefined){
global_filteringSelect1.destroy();
}
let select_container = document.getElementById("select-container");
let new_input_node = document.createElement("input");
new_input_node.id = "CITY";
select_container.appendChild(new_input_node);
global_filteringSelect1 = new dijit.form.FilteringSelect({
style:'width:300px;',
placeHolder:'CHOOSE CITY',
store:objStore,
required:false,
labelAttr:'name',
fetchProperties:{sort:[{attribute:'name'}]},
onChange:function(val){
if(val){
var selectQuery1 = new esri.tasks.Query();
selectQuery1.returnGeometry = true;
selectQuery1.objectIds = [val];
queryTask1.execute(selectQuery1,function(featureSet){
map.graphics.clear(); //clear any existing map graphics
//get the first feature and add to map
if(featureSet.features.length > 0){
var symbol = new esri.symbol.SimpleFillSymbol(esri.symbol.SimpleFillSymbol.STYLE_SOLID,
new esri.symbol.SimpleLineSymbol(esri.symbol.SimpleLineSymbol.STYLE_SOLID,
new dojo.Color([255,0,0]), 2),new dojo.Color([255,255,0,0.25]));
var feature = featureSet.features[0];
var graphic = new esri.Graphic(feature.geometry,symbol);
map.graphics.add(graphic);
var Parcela = graphic.geometry.getExtent();
map.setExtent(Parcela);
}
});
}
}
},'CITY');
}
</script>
</head>
<body class='claro' style="font-family: Arial Unicode MS,Arial,sans-serif;">
<div id="select-container">
<input id='STATE'/>
</div>
<div id="wrapper" style="position: relative; width: 700px; height: 500px; border:1px solid #000;">
<!-- Map canvas -->
<div id="map" style="position: absolute; width: 700px; height: 500px; z-index: 1;"></div>
</div>
</body>
</html>
... View more
01-22-2020
05:59 AM
|
0
|
6
|
958
|
POST
|
Dear Robert, thank you for your reply. Unfortunately I get the error "Cannot read property '0' of undefined".
... View more
01-21-2020
11:29 PM
|
0
|
8
|
958
|
POST
|
Hello everyone, I have a custom search widget, that needs basemap in order to work. At the moment the widget is set to work with the basemap defined with custom map added to the map: map = new esri.Map("map"); dojo.connect(map, "onLoad", function() { //populate dropdown executeQuery(); //executeQuerySecond(); }); // Add the campus basemap var campusMap = new esri.layers.ArcGISTiledMapServiceLayer('https://gis.arso.gov.si/arcgis/rest/services/Topografske_karte_ARSO_nova/MapServer'); map.addLayer(campusMap); I want the widget to add current basemap, presen in the app, instead of the defined campusMap
... View more
01-21-2020
04:55 AM
|
0
|
10
|
1219
|
POST
|
Hi Shay, I know that creating widgets is an advanced task in WEB APP, but I already have the working widget, which just needs to define proper basemap, which is any basemap that is used at the moment in the web app. Instead of: map = new esri.Map("map");
dojo.connect(map, "onLoad", function() {
//populate dropdown
executeQuery();
//executeQuerySecond();
});
// Add the campus basemap
var campusMap = new esri.layers.ArcGISTiledMapServiceLayer('https://gis.arso.gov.si/arcgis/rest/services/Topografske_karte_ARSO_nova/MapServer');
map.addLayer(campusMap); I need the widget to add layers to the current basemap which is present in the WEB APP And one other thing that would like to add is search option based on two columns: State name and state ID. At the moment the search is based only on State name (KO_IME): function executeQuery() {
//execute the query task then populate the dropdown menu with list of state names
var query = new esri.tasks.Query();
query.returnGeometry = true;
query.outFields = ["KO_IME", "KO_ID","OBJECTID"];
query.where = "1=1";
queryTask.execute(query,populateMenu);
}
function populateMenu(featureSet){
var items = dojo.map(featureSet.features, function (item) {
return {
name: item.attributes.KO_IME,
ko_id: item.attributes.KO_ID,
id:item.attributes.OBJECTID,
label: item.attributes.KO_ID + " - " + item.attributes.KO_IME
};
});
var data = {
identifier:"id",
items:items
};
var objStore = new dojo.data.ItemFileReadStore({data:data});
var filteringSelect = new dijit.form.FilteringSelect({
style:'width:300px;',
placeHolder:'CHOOSE STATE',
store:objStore,
required:false,
labelAttr:'label',
fetchProperties:[{sort:[{attribute:'name'}]} ],
onChange:function(val){
if(val){
executeQuerySecond(this.item.ko_id[0]);
var selectQuery = new esri.tasks.Query();
selectQuery.returnGeometry = true;
selectQuery.objectIds = [val];
queryTask.execute(selectQuery,function(featureSet){
console.log(map);
map.graphics.clear(); //clear any existing map graphics
//get the first feature and add to map
if(featureSet.features.length > 0){
var symbol = new esri.symbol.SimpleFillSymbol(esri.symbol.SimpleFillSymbol.STYLE_SOLID,
new esri.symbol.SimpleLineSymbol(esri.symbol.SimpleLineSymbol.STYLE_SOLID,
new dojo.Color([255,0,0]), 10),new dojo.Color([255,255,0,0.25]));
var feature = featureSet.features[0];
var graphic = new esri.Graphic(feature.geometry,symbol);
map.graphics.add(graphic);
var Obcina = graphic.geometry.getExtent();
map.setExtent(Obcina);
}
});
}
} BR Matej
... View more
09-25-2019
04:45 AM
|
0
|
0
|
1705
|
POST
|
Helo Shay, thx for the links, some of them I have already checked, but unfortunately I can't programme in JS, so I find it difficult to follow. However my college helped me get the code into widget, meaning separating the HTML file into widget.js and Widget.html. Only thing, that still doesn't work is getting the basemap as a layer from the current basemap into the widget. The function that doesnt' work is thisone here: map = new esri.Map("map");
dojo.connect(map, "onLoad", function() {
//populate dropdown
executeQuery();
//executeQuerySecond();
});
// Add the campus basemap
var campusMap = new esri.layers.ArcGISTiledMapServiceLayer('https://gis.arso.gov.si/arcgis/rest/services/Topografske_karte_ARSO_nova_MGI3912/MapServer');
map.addLayer(campusMap); Instead of adding my one basemap, I want Mywidget to use the basemap from the App. Could you please help me add the right set of code to pull the current basemap. BR, Matej
... View more
09-05-2019
02:13 AM
|
0
|
1
|
1705
|
POST
|
Hello, I would like to add Basemap toggle to an APP I created in AGOL and custumized it with basic-viewer-template In the original basic viewer app you can only enable basemap switcher which contains ESRI templates, but I would like to add my own basemap from AGOL. Can somebody tell me which code and most importantly where do I have to put it, to add the Basemap toggle with my basemap from AGOL. I found this code, but don't have a clue where to put it, because I am not Javascript developer: Basemap Toggle | ArcGIS API for JavaScript 3.29
... View more
08-19-2019
06:56 AM
|
0
|
0
|
259
|
POST
|
Hello everyone, I have a script, that works as a standalone application, but would like to make it a Custom widget. I don't know anything about javascript, so would need help on how to make my script into widget.js and widget.html file. The widget is intended as a structured query. First you make a query on kadaster administrative unit and then on the filtered parcels, which belong only to that kadaster unit. I named my variables as State and City, so it's easier to imagine what I mean. Second think I would like to add is query, that would work both with names of the Administrative unit and also with administrative numbers of units. At the moment the search works only with names. Thank you in advance, Matej <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=7,IE=9" />
<!--The viewport meta tag is used to improve the presentation and behavior of the samples
on iOS devices-->
<meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no"/>
<title>Dojo Dropdown Demo</title>
<link rel="stylesheet" href="https://community.esri.com//serverapi.arcgisonline.com/jsapi/arcgis/3.0/js/dojo/dijit/themes/claro/claro.css">
<!-- ArcGIS API for JavaScript -->
<script type="text/javascript" src="https://serverapi.arcgisonline.com/jsapi/arcgis/?v=3.0compact">
</script>
<script type="text/javascript">
dojo.require("esri.map");
dojo.require("esri.tasks.Query");
dojo.require("dijit.form.FilteringSelect");
dojo.require("dojo.data.ItemFileReadStore");
dojo.addOnLoad(init);
var map,queryTask, queryTask1;
function init() {
queryTask = new esri.tasks.QueryTask("https://gis.arso.gov.si/arcgis/rest/services/Portal/Atlasokolja_javni_PORTAL/MapServer/511");
queryTask1 = new esri.tasks.QueryTask("https://gis.arso.gov.si/arcgis/rest/services/Portal/Atlasokolja_javni_PORTAL/MapServer/5");
map = new esri.Map("map");
dojo.connect(map, "onLoad", function() {
//populate dropdown
executeQuery();
//executeQuerySecond();
});
// Add the campus basemap
var campusMap = new esri.layers.ArcGISTiledMapServiceLayer('https://gis.arso.gov.si/arcgis/rest/services/Topografske_karte_ARSO_nova_MGI3912/MapServer');
map.addLayer(campusMap);
}
function executeQuery() {
//execute the query task then populate the dropdown menu with list of building names
var query = new esri.tasks.Query();
query.returnGeometry = true;
query.outFields = ["KO_IME", "KO_ID","OBJECTID"];
query.where = "1=1";
queryTask.execute(query,populateMenu);
}
function populateMenu(featureSet){
var items = dojo.map(featureSet.features, function (item) {
return {
name: item.attributes.KO_IME,
ko_id: item.attributes.KO_ID,
id:item.attributes.OBJECTID,
label: item.attributes.KO_ID + " - " + item.attributes.KO_IME
};
});
var data = {
identifier:"id",
items:items
};
var objStore = new dojo.data.ItemFileReadStore({data:data});
var filteringSelect = new dijit.form.FilteringSelect({
style:'width:300px;',
placeHolder:'CHOOSE STATE',
store:objStore,
required:false,
labelAttr:'label',
fetchProperties:[{sort:[{attribute:'name'}]} ],
onChange:function(val){
if(val){
executeQuerySecond(this.item.ko_id[0]);
var selectQuery = new esri.tasks.Query();
selectQuery.returnGeometry = true;
selectQuery.objectIds = [val];
queryTask.execute(selectQuery,function(featureSet){
map.graphics.clear(); //clear any existing map graphics
//get the first feature and add to map
if(featureSet.features.length > 0){
var symbol = new esri.symbol.SimpleFillSymbol(esri.symbol.SimpleFillSymbol.STYLE_SOLID,
new esri.symbol.SimpleLineSymbol(esri.symbol.SimpleLineSymbol.STYLE_SOLID,
new dojo.Color([255,0,0]), 10),new dojo.Color([255,255,0,0.25]));
var feature = featureSet.features[0];
var graphic = new esri.Graphic(feature.geometry,symbol);
map.graphics.add(graphic);
var Obcina = graphic.geometry.getExtent();
map.setExtent(Obcina);
}
});
}
}
},'STATE');
}
function executeQuerySecond(sifko) {
//execute the query task then populate the dropdown menu with list of building names
var izbor = new esri.tasks.Query();
izbor.returnGeometry = true;
izbor.outFields = ["PARCELA","SIFKO","OBJECTID"];
izbor.where = "SIFKO = '" + sifko + "'";;
queryTask1.execute(izbor,populateMenu1);
}
var global_filteringSelect1 = undefined;
function populateMenu1(featureSet){
var items = dojo.map(featureSet.features, function (item) {
return {
name: item.attributes.PARCELA,
sifko: item.attributes.SIFKO,
id1:item.attributes.OBJECTID
};
});
var data = {
identifier:"id1",
items:items
};
var objStore = new dojo.data.ItemFileReadStore({data:data});
if(global_filteringSelect1 != undefined){
global_filteringSelect1.destroy();
}
let select_container = document.getElementById("select-container");
let new_input_node = document.createElement("input");
new_input_node.id = "CITY";
select_container.appendChild(new_input_node);
global_filteringSelect1 = new dijit.form.FilteringSelect({
style:'width:300px;',
placeHolder:'CHOOSE CITY',
store:objStore,
required:false,
labelAttr:'name',
fetchProperties:{sort:[{attribute:'name'}]},
onChange:function(val){
if(val){
var selectQuery1 = new esri.tasks.Query();
selectQuery1.returnGeometry = true;
selectQuery1.objectIds = [val];
queryTask1.execute(selectQuery1,function(featureSet){
map.graphics.clear(); //clear any existing map graphics
//get the first feature and add to map
if(featureSet.features.length > 0){
var symbol = new esri.symbol.SimpleFillSymbol(esri.symbol.SimpleFillSymbol.STYLE_SOLID,
new esri.symbol.SimpleLineSymbol(esri.symbol.SimpleLineSymbol.STYLE_SOLID,
new dojo.Color([255,0,0]), 2),new dojo.Color([255,255,0,0.25]));
var feature = featureSet.features[0];
var graphic = new esri.Graphic(feature.geometry,symbol);
map.graphics.add(graphic);
var Parcela = graphic.geometry.getExtent();
map.setExtent(Parcela);
}
});
}
}
},'CITY');
}
</script>
</head>
<body class='claro' style="font-family: Arial Unicode MS,Arial,sans-serif;">
<div id="select-container">
<input id='STATE'/>
</div>
<div id="wrapper" style="position: relative; width: 700px; height: 500px; border:1px solid #000;">
<!-- Map canvas -->
<div id="map" style="position: absolute; width: 700px; height: 500px; z-index: 1;"></div>
</div>
</body>
</html>
... View more
08-06-2019
05:42 AM
|
0
|
4
|
2238
|
Title | Kudos | Posted |
---|---|---|
1 | 10-27-2023 03:47 AM |
Online Status |
Offline
|
Date Last Visited |
03-08-2024
12:53 PM
|