POST
|
how can i set the extent of search bar result to maximum level !! search widget is working fine and zoom on it's default extent but it not zoom to my desire extent. Is this possible to make it zoom to desire extent.
... View more
12-20-2018
04:18 AM
|
0
|
0
|
213
|
POST
|
I want to fix the zoom out extend , in my code zoom in extend is working fine but i want to set zoom out extend as well. this is the code where min is fine but max is not working !! zoom: 5, constraints: { altitude: { min: 100, //for zoom in max: 10210 //for zoom out }
... View more
12-20-2018
02:05 AM
|
0
|
7
|
719
|
POST
|
Thanks Robert, i sort out the issue. I was placing the wrong field name. Can you tell me is there is any way to remove the highlighted area automatically !! how can i remove the highlighted area automatically which appear on screen after choose any option from drop down. Here is the picture
... View more
12-19-2018
03:40 AM
|
0
|
6
|
508
|
POST
|
I'm working on an application , where i use feature layer in 4.9 version in 2D now i want to label poly lines , i tried different things but they are not useful.
... View more
12-17-2018
10:23 PM
|
0
|
4
|
528
|
POST
|
sir, i changed the drop down fields from state and county to region and city. First we have to select the region then the cities drop down allows us to select city, the service that i provide to the city, there are many cities but in drop down only the name of selected region is appearing. It is like when we select a region x then in city column only x is shown instead of name of different cities!! how can i fix this??
... View more
12-17-2018
08:36 PM
|
0
|
8
|
508
|
POST
|
there is another issue, when i select any state from drop down then it focus on that particular area, can you tell me how can i remove that focus after i search the state!?
... View more
12-10-2018
03:26 AM
|
0
|
1
|
1029
|
POST
|
yeah that's the exact thing i was looking for, thanks
... View more
12-10-2018
03:25 AM
|
0
|
0
|
1029
|
POST
|
The code is below , in this code when i try to add widgets the home widget code is treated as search widget and search widget code is treated as home widget code. Why this is happening?? what's the reason behind?? After this i want to add more widgets like Base map Gallery widget , layer list widget,Direct Line Measurement3D and Area Measurement 3D widget, but unfortunately i am fail to do this. <!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>Drop Down Test</title> <link rel="stylesheet" href="http://js.arcgis.com/4.9/dijit/themes/claro/claro.css"> <link rel="stylesheet" href="https://js.arcgis.com/4.9/esri/css/main.css"> <script src="https://js.arcgis.com/4.9/"></script> <style> html, body, #mainWindow { height: 100%; width: 100%; margin: 0; padding: 0; } body { background-color: #FFF; font-family: "Trebuchet MS"; } #header { height: 32px; overflow:visible; border:none;border-bottom: 3px solid #CC9900; font-family: Windows; font-size:14pt; color: #FFFFFF; background: #000000; z-index: 99; line-height: 32px; } .searchDiv { float: right; z-index: 99; } .homeDiv{ float: right; z-index:99; } .galleryDiv{ float: left; z-index:99; } #viewDiv { width: 100%; height: calc(100% - 32px); border: none;padding:0px; margin: 0px; } </style> <script> var map; require([ "esri/Map", "esri/views/MapView", "dojo/on", "esri/tasks/support/Query", "esri/layers/FeatureLayer", "dojo/store/Memory", "dojo/_base/array", "dojo/_base/lang", "esri/request", "dojo/parser", "dijit/registry", "esri/widgets/Home", "esri/widgets/Search", "esri/widgets/LayerList", "esri/widgets/BasemapGallery", "dijit/layout/BorderContainer", "dijit/layout/ContentPane", "dijit/form/Button", "dijit/form/ComboBox", "dojo/domReady!" ], function( Map, MapView, on, Query, FeatureLayer, Memory, array, lang, esriRequest, parser, registry, Search, Home, LayerList, BasemapGallery ) { parser.parse(); map = new Map({ basemap: "topo" }); var view = new MapView({ container: "viewDiv", map: map, center: [-98.1883, 37.0868], zoom: 5 }); var searchWidget = new Search({ view: view, container: "searchDiv" }); view.ui.add(searchDiv,"top-left"); var homeWidget = new Home({ view: view, container: "homeDiv" }); var layer = new LayerList({ view: view, container: "galleryDiv" }); view.ui.add(layer,"top-right"); var search1 = new Home({ view : view, container: "search1Div" }); view.ui.add(search1,"top-right"); esriRequest('http://sampleserver6.arcgisonline.com/arcgis/rest/services/Census/MapServer/3/query?where=1%3D1&outFields=STATE_NAME&returnGeometry=false&orderByFields=STATE_NAME&returnDistinctValues=true&f=json', { responseType:'json', timeout:15000 }).then(lang.hitch(this,function(response){ var store2 = new Memory({data:[]}); registry.byId("stateSelect").set('store',store2); var data = array.map(response.data.features,lang.hitch(this,function(feat, index){ var name = feat.attributes.STATE_NAME; var value = feat.attributes.STATE_NAME; var dataItem = { id:index, name:name, value:value }; return dataItem; })); store2 = new Memory({data:data}); registry.byId("stateSelect").set('store',store2); })); var States = new FeatureLayer({ url: "http://sampleserver6.arcgisonline.com/arcgis/rest/services/Census/MapServer/3", outFields: ["*"] }); var Counties = new FeatureLayer({ url: "http://sampleserver6.arcgisonline.com/arcgis/rest/services/Census/MapServer/2", outFields: ["*"] }); //map.addMany([States,Counties]); app = { zoomRow: function(id, which){ var sym = { type: "simple-fill", // autocasts as new SimpleFillSymbol() color: [255, 0, 0, 0.5], outline: { // autocasts as new SimpleLineSymbol() color: [128, 128, 128, 1], width: "0.5px" } }, gra; view.graphics.removeAll(); var query = States.createQuery(); var thePoly, theExtent; if(which == "State"){ query.outFields=[]; query.outSpatialReference = view.spatialReference; query.where = "STATE_NAME='" + (id).toString() + "'"; console.info(query.where); query.returnGeometry = true; States.queryFeatures(query).then(function(response){ gra = response.features[0]; gra.symbol = sym; view.graphics.add(gra); thePoly = gra.geometry; theExtent = thePoly.extent.expand(2); //Zoom out slightly from the polygon's extent view.goTo(theExtent); }); esriRequest("http://sampleserver6.arcgisonline.com/arcgis/rest/services/Census/MapServer/2/query?where=STATE_NAME='" + id.toString() + "'&outFields=NAME&returnGeometry=false&orderByFields=NAME&returnDistinctValues=true&f=json", { responseType: "json", timeout:15000 }).then(lang.hitch(this,function(response){ var store2 = new Memory({data:[]}); registry.byId("countySelect").set('store',store2); var data = array.map(response.data.features,lang.hitch(this,function(feat, index){ var name = feat.attributes.NAME; var dataItem = { id:index, name:name }; return dataItem; })); store2 = new Memory({data:data}); registry.byId("countySelect").set('store',store2); document.getElementById('countySelect').value = "Select County"; })); }else if(which == "County"){ query = Counties.createQuery(); var county = (id).toString(); county = county.replace(" County", ""); query.where = "NAME='" + county + "'"; query.returnGeometry = true; query.outFields=[]; query.outSpatialReference = view.spatialReference; Counties.queryFeatures(query).then(function(response){ gra = response.features[0]; gra.symbol = sym; view.graphics.add(gra); thePoly = gra.geometry; theExtent = thePoly.extent.expand(2); //Zoom out slightly from the polygon's extent view.goTo(theExtent); }); } } }; }); </script> </head> <body class="claro"> <div id="mainWindow" data-dojo-type="dijit/layout/BorderContainer" data-dojo-props="design:'headline', gutters:false"> <div id="header" data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region:'top'"> Select a State/County and zoom to it on the map: <input id="stateSelect" data-dojo-type="dijit/form/ComboBox" value="Select State" onchange="app.zoomRow(document.getElementById('stateSelect').value, 'State');" data-dojo-props="maxHeight: 200" /> <input id="countySelect" data-dojo-type="dijit/form/ComboBox" value="Select County" onchange="app.zoomRow(document.getElementById('countySelect').value, 'County');" data-dojo-props="maxHeight: 200" /> <input type="hidden" name="stateabbr" id="stateabbr" /> <div id="searchDiv" class='searchDiv'></div> <div id="homeDiv" class='homeDiv'></div> <div id="galleryDiv" class='galleryDiv'></div> <div id="search1Div" class='search1Div'></div> </div> <div id="viewDiv" data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region:'left'"></div> </div> </body> </html>
... View more
12-07-2018
03:12 AM
|
0
|
1
|
1029
|
POST
|
but i tried different widgets they are not working properly like home, legend and layer list widget!! they just appeared on screen in incorrect format.
... View more
12-06-2018
05:30 AM
|
0
|
1
|
1029
|
POST
|
thanks for the help Robert Scheitlin, GISP can i add more widgets on this like home widget etc on this project?
... View more
12-05-2018
02:02 AM
|
0
|
3
|
1029
|
POST
|
I have a code where drop down is use to show different state and countries, in which i use Map image layer for layer of version 4.9. The problem is i want to add different widgets on my project such as search widget and other widgets but i have not succeed. My code, <!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>Drop Down Test</title>
<link rel="stylesheet" href="http://js.arcgis.com/4.9/dijit/themes/claro/claro.css">
<link rel="stylesheet" href="https://js.arcgis.com/4.9/esri/css/main.css">
<script src="https://js.arcgis.com/4.9/"></script>
<style>
html,
body,
#mainWindow {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
}
body {
background-color: #FFF;
overflow: hidden;
font-family: "Trebuchet MS";
}
#header {
height: 3%;
overflow: auto;
}
</style>
<script>
var map;
require([
"esri/Map",
"esri/views/MapView",
"dojo/on",
"esri/tasks/support/Query",
"esri/layers/FeatureLayer",
"dojo/store/Memory",
"dojo/_base/array",
"dojo/_base/lang",
"esri/request",
"dojo/parser",
"dijit/registry",
"dijit/layout/BorderContainer",
"dijit/layout/ContentPane",
"dijit/form/Button",
"dijit/form/ComboBox",
"dojo/domReady!"
], function(
Map, MapView, on, Query, FeatureLayer, Memory, array, lang, esriRequest, parser, registry
) {
parser.parse();
map = new Map({
basemap: "topo"
});
var view = new MapView({
container: "map",
map: map,
center: [-98.1883, 37.0868],
zoom: 5
});
esriRequest('http://sampleserver6.arcgisonline.com/arcgis/rest/services/Census/MapServer/3/query?where=1%3D1&outFields=STATE_NAME&returnGeometry=false&orderByFields=STATE_NAME&returnDistinctValues=true&f=json',
{
responseType:'json',
timeout:15000
}).then(lang.hitch(this,function(response){
var store2 = new Memory({data:[]});
registry.byId("stateSelect").set('store',store2);
var data = array.map(response.data.features,lang.hitch(this,function(feat, index){
var name = feat.attributes.STATE_NAME;
var value = feat.attributes.STATE_NAME;
var dataItem = {
id:index,
name:name,
value:value
};
return dataItem;
}));
store2 = new Memory({data:data});
registry.byId("stateSelect").set('store',store2);
}));
var States = new FeatureLayer({
url: "http://sampleserver6.arcgisonline.com/arcgis/rest/services/Census/MapServer/3",
outFields: ["*"]
});
var Counties = new FeatureLayer({
url: "http://sampleserver6.arcgisonline.com/arcgis/rest/services/Census/MapServer/2",
outFields: ["*"]
});
//map.addMany([States,Counties]);
app = {
zoomRow: function(id, which){
var sym = {
type: "simple-fill", // autocasts as new SimpleFillSymbol()
color: [255, 0, 0, 0.5],
outline: { // autocasts as new SimpleLineSymbol()
color: [128, 128, 128, 1],
width: "0.5px"
}
}, gra;
view.graphics.removeAll();
var query = States.createQuery();
var thePoly, theExtent;
if(which == "State"){
query.outFields=[];
query.outSpatialReference = view.spatialReference;
query.where = "STATE_NAME='" + (id).toString() + "'";
console.info(query.where);
query.returnGeometry = true;
States.queryFeatures(query).then(function(response){
gra = response.features[0];
gra.symbol = sym;
view.graphics.add(gra);
thePoly = gra.geometry;
theExtent = thePoly.extent.expand(2); //Zoom out slightly from the polygon's extent
view.goTo(theExtent);
});
esriRequest("http://sampleserver6.arcgisonline.com/arcgis/rest/services/Census/MapServer/2/query?where=STATE_NAME='" + id.toString() + "'&outFields=NAME&returnGeometry=false&orderByFields=NAME&returnDistinctValues=true&f=json",
{
responseType: "json",
timeout:15000
}).then(lang.hitch(this,function(response){
var store2 = new Memory({data:[]});
registry.byId("countySelect").set('store',store2);
var data = array.map(response.data.features,lang.hitch(this,function(feat, index){
var name = feat.attributes.NAME;
var dataItem = {
id:index,
name:name
};
return dataItem;
}));
store2 = new Memory({data:data});
registry.byId("countySelect").set('store',store2);
document.getElementById('countySelect').value = "Select County";
}));
}else if(which == "County"){
query = Counties.createQuery();
var county = (id).toString();
county = county.replace(" County", "");
query.where = "NAME='" + county + "'";
query.returnGeometry = true;
query.outFields=[];
query.outSpatialReference = view.spatialReference;
Counties.queryFeatures(query).then(function(response){
gra = response.features[0];
gra.symbol = sym;
view.graphics.add(gra);
thePoly = gra.geometry;
theExtent = thePoly.extent.expand(2); //Zoom out slightly from the polygon's extent
view.goTo(theExtent);
});
}
}
};
});
</script>
</head>
<body class="claro">
<div id="mainWindow" data-dojo-type="dijit/layout/BorderContainer" data-dojo-props="design:'headline', gutters:false" style="padding:0px;margin:0px;">
<div id="header" data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region:'top'" style="overflow:hidden;border:none;border-bottom: 3px solid #CC9900;font-family: Windows;font-size:14pt; color: #FFFFFF;background: #000000; "> Select a State/County and zoom to it on the map:
<input id="stateSelect" data-dojo-type="dijit/form/ComboBox" value="Select State" onchange="app.zoomRow(document.getElementById('stateSelect').value, 'State');" data-dojo-props="maxHeight: 200" />
<input id="countySelect" data-dojo-type="dijit/form/ComboBox" value="Select County" onchange="app.zoomRow(document.getElementById('countySelect').value, 'County');" />
<input type="hidden" name="stateabbr" id="stateabbr" />
</div>
<div id="map" data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region:'left'" style="width:100%;height:95%;border:none;padding:0px;margin:0px;"></div>
</div>
</body>
</html>
... View more
12-03-2018
08:44 PM
|
0
|
1
|
326
|
POST
|
I have a code where drop down is use to show different state and countries, in which i use Map image layer for layer of version 4.9. The problem is i want to add different widgets on my project such as search widget and other widgets but i have not succeed. My code, <!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>Drop Down Test</title>
<link rel="stylesheet" href="http://js.arcgis.com/4.9/dijit/themes/claro/claro.css">
<link rel="stylesheet" href="https://js.arcgis.com/4.9/esri/css/main.css">
<script src="https://js.arcgis.com/4.9/"></script>
<style>
html,
body,
#mainWindow {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
}
body {
background-color: #FFF;
overflow: hidden;
font-family: "Trebuchet MS";
}
#header {
height: 3%;
overflow: auto;
}
</style>
<script>
var map;
require([
"esri/Map",
"esri/views/MapView",
"dojo/on",
"esri/tasks/support/Query",
"esri/layers/FeatureLayer",
"dojo/store/Memory",
"dojo/_base/array",
"dojo/_base/lang",
"esri/request",
"dojo/parser",
"dijit/registry",
"dijit/layout/BorderContainer",
"dijit/layout/ContentPane",
"dijit/form/Button",
"dijit/form/ComboBox",
"dojo/domReady!"
], function(
Map, MapView, on, Query, FeatureLayer, Memory, array, lang, esriRequest, parser, registry
) {
parser.parse();
map = new Map({
basemap: "topo"
});
var view = new MapView({
container: "map",
map: map,
center: [-98.1883, 37.0868],
zoom: 5
});
esriRequest('http://sampleserver6.arcgisonline.com/arcgis/rest/services/Census/MapServer/3/query?where=1%3D1&outFields=STATE_NAME&returnGeometry=false&orderByFields=STATE_NAME&returnDistinctValues=true&f=json',
{
responseType:'json',
timeout:15000
}).then(lang.hitch(this,function(response){
var store2 = new Memory({data:[]});
registry.byId("stateSelect").set('store',store2);
var data = array.map(response.data.features,lang.hitch(this,function(feat, index){
var name = feat.attributes.STATE_NAME;
var value = feat.attributes.STATE_NAME;
var dataItem = {
id:index,
name:name,
value:value
};
return dataItem;
}));
store2 = new Memory({data:data});
registry.byId("stateSelect").set('store',store2);
}));
var States = new FeatureLayer({
url: "http://sampleserver6.arcgisonline.com/arcgis/rest/services/Census/MapServer/3",
outFields: ["*"]
});
var Counties = new FeatureLayer({
url: "http://sampleserver6.arcgisonline.com/arcgis/rest/services/Census/MapServer/2",
outFields: ["*"]
});
//map.addMany([States,Counties]);
app = {
zoomRow: function(id, which){
var sym = {
type: "simple-fill", // autocasts as new SimpleFillSymbol()
color: [255, 0, 0, 0.5],
outline: { // autocasts as new SimpleLineSymbol()
color: [128, 128, 128, 1],
width: "0.5px"
}
}, gra;
view.graphics.removeAll();
var query = States.createQuery();
var thePoly, theExtent;
if(which == "State"){
query.outFields=[];
query.outSpatialReference = view.spatialReference;
query.where = "STATE_NAME='" + (id).toString() + "'";
console.info(query.where);
query.returnGeometry = true;
States.queryFeatures(query).then(function(response){
gra = response.features[0];
gra.symbol = sym;
view.graphics.add(gra);
thePoly = gra.geometry;
theExtent = thePoly.extent.expand(2); //Zoom out slightly from the polygon's extent
view.goTo(theExtent);
});
esriRequest("http://sampleserver6.arcgisonline.com/arcgis/rest/services/Census/MapServer/2/query?where=STATE_NAME='" + id.toString() + "'&outFields=NAME&returnGeometry=false&orderByFields=NAME&returnDistinctValues=true&f=json",
{
responseType: "json",
timeout:15000
}).then(lang.hitch(this,function(response){
var store2 = new Memory({data:[]});
registry.byId("countySelect").set('store',store2);
var data = array.map(response.data.features,lang.hitch(this,function(feat, index){
var name = feat.attributes.NAME;
var dataItem = {
id:index,
name:name
};
return dataItem;
}));
store2 = new Memory({data:data});
registry.byId("countySelect").set('store',store2);
document.getElementById('countySelect').value = "Select County";
}));
}else if(which == "County"){
query = Counties.createQuery();
var county = (id).toString();
county = county.replace(" County", "");
query.where = "NAME='" + county + "'";
query.returnGeometry = true;
query.outFields=[];
query.outSpatialReference = view.spatialReference;
Counties.queryFeatures(query).then(function(response){
gra = response.features[0];
gra.symbol = sym;
view.graphics.add(gra);
thePoly = gra.geometry;
theExtent = thePoly.extent.expand(2); //Zoom out slightly from the polygon's extent
view.goTo(theExtent);
});
}
}
};
});
</script>
</head>
<body class="claro">
<div id="mainWindow" data-dojo-type="dijit/layout/BorderContainer" data-dojo-props="design:'headline', gutters:false" style="padding:0px;margin:0px;">
<div id="header" data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region:'top'" style="overflow:hidden;border:none;border-bottom: 3px solid #CC9900;font-family: Windows;font-size:14pt; color: #FFFFFF;background: #000000; "> Select a State/County and zoom to it on the map:
<input id="stateSelect" data-dojo-type="dijit/form/ComboBox" value="Select State" onchange="app.zoomRow(document.getElementById('stateSelect').value, 'State');" data-dojo-props="maxHeight: 200" />
<input id="countySelect" data-dojo-type="dijit/form/ComboBox" value="Select County" onchange="app.zoomRow(document.getElementById('countySelect').value, 'County');" />
<input type="hidden" name="stateabbr" id="stateabbr" />
</div>
<div id="map" data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region:'left'" style="width:100%;height:95%;border:none;padding:0px;margin:0px;"></div>
</div>
</body>
</html>
... View more
12-03-2018
08:25 PM
|
0
|
19
|
1876
|
Title | Kudos | Posted |
---|---|---|
1 | 07-12-2019 06:08 AM | |
2 | 02-12-2020 06:02 AM | |
1 | 10-08-2018 10:50 PM |
Online Status |
Offline
|
Date Last Visited |
04-27-2021
04:56 AM
|