POST
|
Does your application find something and populates the grid, but when you click on the grid it won't zoom?
... View more
06-09-2014
07:26 AM
|
0
|
0
|
1032
|
POST
|
You need to have the road centerline selected in the table of content when you click on the change direction.
... View more
06-05-2014
04:16 AM
|
0
|
0
|
742
|
POST
|
Thats true. You are definitely making the right choice moving towards javascript. Also, with everything moving towards mobile devices, java works across platforms (android, IO....) It would look something like this .
... View more
06-04-2014
09:55 AM
|
0
|
0
|
291
|
POST
|
Yes it takes a while getting used to. ESRI has some nice resources to learn from. I taught myself everything. I started with html and javascript via codeacademy and then looked at the ESRI Javascript developers page. Once I kinda got the concept I started building the app, piece by piece. Let me know if you have any question!
... View more
06-04-2014
09:43 AM
|
0
|
0
|
1054
|
POST
|
One thing I forgot in my application. before parser.parse();
put esriConfig.defaults.io.corsDetection = false; This will eliminate problems in google chrome.
... View more
06-04-2014
09:38 AM
|
0
|
0
|
1054
|
POST
|
The attachment didn;t work for some reason, now it should be there.
... View more
06-04-2014
09:33 AM
|
0
|
0
|
1054
|
POST
|
Everything can go into the html document, just like in your example.
... View more
06-04-2014
09:26 AM
|
0
|
0
|
1054
|
POST
|
In case you are looking for ideas, I have created this. It is pretty basic.
... View more
06-04-2014
09:02 AM
|
0
|
0
|
1054
|
POST
|
Peter, try this: <!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!--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>Map with legend</title>
<link rel="stylesheet" href="http://js.arcgis.com/3.9/js/dojo/dijit/themes/claro/claro.css">
<link rel="stylesheet" href="http://js.arcgis.com/3.9/js/esri/css/esri.css">
<style>
html, body {
height: 97%;
width: 98%;
margin: 1%;
}
#rightPane {
width: 20%;
}
#legendPane {
border: solid #97DCF2 1px;
}
</style>
<script src="http://js.arcgis.com/3.9/"></script>
<script>
var map;
require([
"esri/map", "esri/layers/FeatureLayer", "esri/dijit/Legend",
"dojo/_base/array", "dojo/parser", "esri/layers/ImageParameters", "esri/layers/ArcGISDynamicMapServiceLayer",
"dijit/layout/BorderContainer", "dijit/layout/ContentPane",
"dijit/layout/AccordionContainer", "dojo/domReady!"
], function(
Map, FeatureLayer, Legend,
arrayUtils, parser, ImageParameters, ArcGISDynamicMapServiceLayer
) {
parser.parse();
map = new Map("map", {
basemap: "topo",
center: [-73.0156, 40.8325],
zoom: 12
});
var dynamicMapServiceLayer = new ArcGISDynamicMapServiceLayer("https://gisservices.suffolkcountyny.gov/arcgis/rest/services/Basemap/MapServer");
var rivers = new FeatureLayer("https://gisservices.suffolkcountyny.gov/arcgis/rest/services/Live_Layers_External/MapServer/25", {
mode: FeatureLayer.MODE_ONDEMAND,
outFields:["*"]
});
var waterbodies = new FeatureLayer("https://gisservices.suffolkcountyny.gov/arcgis/rest/services/Live_Layers_External/MapServer/2", {
mode: FeatureLayer.MODE_ONDEMAND,
outFields:["*"]
});
//add the legend
map.on("layers-add-result", function (evt) {
var layerInfo = arrayUtils.map(evt.layers, function (layer, index) {
return {layer:layer.layer, title:layer.layer.name};
});
if (layerInfo.length > 0) {
var legendDijit = new Legend({
map: map,
layerInfos: layerInfo
}, "legendDiv");
legendDijit.startup();
}
});
map.addLayers([waterbodies, rivers]);
map.addLayer( dynamicMapServiceLayer);
});
</script>
</head>
<body class="claro">
<!--[if IE 7]>
<style>
html, body {
margin: 0;
}
</style>
<![endif]-->
<div id="content"
data-dojo-type="dijit/layout/BorderContainer"
data-dojo-props="design:'headline', gutters:true"
style="width: 100%; height: 100%; margin: 0;">
<div id="rightPane"
data-dojo-type="dijit/layout/ContentPane"
data-dojo-props="region:'right'">
<div data-dojo-type="dijit/layout/AccordionContainer">
<div data-dojo-type="dijit/layout/ContentPane" id="legendPane"
data-dojo-props="title:'Legend', selected:true">
<div id="legendDiv"></div>
</div>
<div data-dojo-type="dijit/layout/ContentPane"
data-dojo-props="title:'Pane 2'">
This pane could contain tools or additional content
</div>
</div>
</div>
<div id="map"
data-dojo-type="dijit/layout/ContentPane"
data-dojo-props="region:'center'"
style="overflow:hidden;">
</div>
</div>
</body>
</html> Hope this helps! Tim
... View more
06-04-2014
08:14 AM
|
0
|
0
|
914
|
POST
|
Maybe once you have finished your map, you can play around with using your own basemap, but yes I think basemap is a requirement?
... View more
06-04-2014
07:44 AM
|
0
|
0
|
914
|
POST
|
Peter, maybe this can get you started? <!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!--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>Map with legend</title>
<link rel="stylesheet" href="http://js.arcgis.com/3.9/js/dojo/dijit/themes/claro/claro.css">
<link rel="stylesheet" href="http://js.arcgis.com/3.9/js/esri/css/esri.css">
<style>
html, body {
height: 97%;
width: 98%;
margin: 1%;
}
#rightPane {
width: 20%;
}
#legendPane {
border: solid #97DCF2 1px;
}
</style>
<script src="http://js.arcgis.com/3.9/"></script>
<script>
var map;
require([
"esri/map", "esri/layers/FeatureLayer", "esri/dijit/Legend",
"dojo/_base/array", "dojo/parser", "esri/layers/ImageParameters", "esri/layers/ArcGISDynamicMapServiceLayer",
"dijit/layout/BorderContainer", "dijit/layout/ContentPane",
"dijit/layout/AccordionContainer", "dojo/domReady!"
], function(
Map, FeatureLayer, Legend,
arrayUtils, parser, ImageParameters, ArcGISDynamicMapServiceLayer
) {
parser.parse();
map = new Map("map", {
basemap:"topo",
center: [-73.0156, 40.8325],
zoom: 12
});
var imageParameters = new ImageParameters();
imageParameters.format = "PNG24"; //set the image type to PNG24, note default is PNG8.
var dynamicMapServiceLayer = new ArcGISDynamicMapServiceLayer("https://gisservices.suffolkcountyny.gov/arcgis/rest/services/Live_Layers_External/MapServer", {
"opacity" : 0.9,
"imageParameters" : imageParameters
});
var rivers = new FeatureLayer("https://gisservices.suffolkcountyny.gov/arcgis/rest/services/Live_Layers_External/MapServer/25", {
mode: FeatureLayer.MODE_ONDEMAND,
outFields:["*"]
});
var waterbodies = new FeatureLayer("https://gisservices.suffolkcountyny.gov/arcgis/rest/services/Live_Layers_External/MapServer/2", {
mode: FeatureLayer.MODE_ONDEMAND,
outFields:["*"]
});
//add the legend
map.on("layers-add-result", function (evt) {
var layerInfo = arrayUtils.map(evt.layers, function (layer, index) {
return {layer:layer.layer, title:layer.layer.name};
});
if (layerInfo.length > 0) {
var legendDijit = new Legend({
map: map,
layerInfos: layerInfo
}, "legendDiv");
legendDijit.startup();
}
});
map.addLayers([waterbodies, rivers, dynamicMapServiceLayer]);
});
</script>
</head>
<body class="claro">
<!--[if IE 7]>
<style>
html, body {
margin: 0;
}
</style>
<![endif]-->
<div id="content"
data-dojo-type="dijit/layout/BorderContainer"
data-dojo-props="design:'headline', gutters:true"
style="width: 100%; height: 100%; margin: 0;">
<div id="rightPane"
data-dojo-type="dijit/layout/ContentPane"
data-dojo-props="region:'right'">
<div data-dojo-type="dijit/layout/AccordionContainer">
<div data-dojo-type="dijit/layout/ContentPane" id="legendPane"
data-dojo-props="title:'Legend', selected:true">
<div id="legendDiv"></div>
</div>
<div data-dojo-type="dijit/layout/ContentPane"
data-dojo-props="title:'Pane 2'">
This pane could contain tools or additional content
</div>
</div>
</div>
<div id="map"
data-dojo-type="dijit/layout/ContentPane"
data-dojo-props="region:'center'"
style="overflow:hidden;">
</div>
</div>
</body>
</html>
I have centered the map on your county and added a different layer to illustrate that your legend is working. Tim
... View more
06-04-2014
07:37 AM
|
0
|
0
|
914
|
Title | Kudos | Posted |
---|---|---|
1 | 10-25-2013 07:58 AM | |
1 | 03-06-2014 06:03 AM | |
4 | 12-09-2013 03:25 AM | |
1 | 04-16-2014 04:11 AM | |
1 | 04-24-2014 10:53 AM |
Online Status |
Offline
|
Date Last Visited |
11-11-2020
02:23 AM
|