Latest Contributions by KellyHutchins

Yes you can change the angle for a picture marker symbol. The PictureMarkerSymbol class inherits from MarkerSymbol which has a setAngle method. Here's a code snippet that shows how this works:      var infoSymbol = new esri.symbol.PictureMarkerSymbol("../images/info.png",30,30); infoSymbol.setAngle(45); ... View more

It looks like here your code should read tc.domNode instead of dc: return dc.domNode; I have a map set up that shows a route, and when you click on certain spots on the route, an infoWindow will pop up.  The infoTemplate that the infoWindow is using is created when the map is routed, it's not getting the information dynamically via a feature layer.  It's currenlty working fine with the default setup, but I'd like to include more information using tabs.  I tried following the example set in this example: http://help.arcgis.com/en/webapi/javascript/arcgis/help/jssamples_start.htm#jssamples/widget_infowindowchart.html That example doesn't work, but I'm thinking it might be something to do with the feature layer. Following this example, I'm getting an error saying: Message: Object doesn't support this property or method and it's pointing to the arcgis api rather than a line in my js.  Here's a snapshot of what my infoWindow-related code looks like.  Any ideas on what's causing my problems? function addStops() { ....           for ( var i = 0; i < g_routeStops.length; i++) {         var feature = g_routeStops;         var infoTemplate = new esri.InfoTemplate;         infoTemplate.setTitle("Milepost Info");         infoTemplate.setContent(createInfoWindowContent);                 symbol = new esri.symbol.SimpleMarkerSymbol().setStyle(           esri.symbol.SimpleMarkerSymbol.STYLE_CIRCLE).setSize(9).setColor(                 new dojo.Color( [ 255, 255, 255]));                 feature.setSymbol(symbol).setInfoTemplate(infoTemplate);         map.graphics.add(feature); ..... } function createInfoWindowContent(graphic){ var tc = new dijit.layout.tabContainer({   style: "height: 100%; width: 100%" }, dojo.create("div")); var cp1 = new dijit.layout.ContentPane({   title: "Info",   content: "info tab" }); tc.addChild(cp1); var cp2 = new dijit.layout.ContentPane({   title: "Details",   content: "details tab" }); tc.addChild(cp2); return dc.domNode; } ... View more

Thanks everyone for pointing out this deficiency in the documentation. It definitely could be clearer and we'll get it updated soon. ... View more

If the only thing you are using is the template picker to create features then you may want to take a look at the Editing without Editor sample. This sample shows how to use the template picker to add features and does not display the attribute inspector: I am not using the editor toolbar, but I am using the template picker. I'm using it to create new features and to edit feature attributes. However, most of the attributes are all housed in related business tables so I'm using a lot of custom code. . ... View more

Although scrollWheelZoom should be enabled by default so perhaps there is something else going on in your case. If you run one of the samples can you use your mouse scrolling to zoom? ... View more

That was my original code. That doesn't work either. You have to wait until the map is loaded for this to work, are you doing something like this? dojo.connect(map, "onLoad", function() {   map.enableScrollWheelZoom(); }); ... View more

enableScrollWheelZoom isn't set via the Map's constructor. Try this after the map is created. map.enableScrollWheelZoom(); You can find more details about map navigation here: http://help.arcgis.com/EN/webapi/javascript/arcgis/help/jshelp_start.htm#jshelp/intro_navigation.htm FWIW, I wonder if this is a related issue - I can't get my map to enable zooming with the scroll wheel either. It appears that my map settings are having no effect whatsoever. map = new esri.Map("map", {         enableScrollWheelZoom: true,         showInfoWindowOnClick:false }); Any ideas as to why these settings are not being honored? ... View more

I re-read your initial post and this is because you are using the editor. The editor uses the info window to display attribute information. Can you tell me a bit about how you are using the editor, for example are you using it just to create new features - or are you using the toolbar etc? Thanks Kelly! I appreciate the tip. Unfortunately it didn't work. I added that to my init() function but the infoWindow still pops up. ... View more

When you create the map set the showInfoWindowOnClick option to false to disable the info window. Here's a code snippet that shows this: map = new esri.Map("map", {           extent: esri.geometry.geographicToWebMercator(new esri.geometry.Extent(-125.90, 44.60, -114.65, 50.22, new esri.SpatialReference({wkid:4326}))),           showInfoWindowOnClick:false         }); ... View more

Sara, If you are trying to display info windows for one layer in your map an easier solution might be to create a feature layer. When you create a new feature layer and add it to the map you can define an info template for that layer. Then when someone clicks on a feature in that layer the info window appears. Here's  an example showing how this works: <!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" />     <!--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>       Street Trees     </title>     <link rel="stylesheet" type="text/css" href="http://serverapi.arcgisonline.com/jsapi/arcgis/2.2/js/dojo/dijit/themes/claro/claro.css">     <style>       html, body { height: 100%; width: 100%; margin: 0; padding: 0; }       .esriScalebar{padding: 20px 20px; }       #map{ padding:0; }                     </style>     <script type="text/javascript">       var djConfig = {         parseOnLoad: true       };     </script>     <script type="text/javascript" src="http://serverapi.arcgisonline.com/jsapi/arcgis/?v=2.2">     </script>     <script type="text/javascript">       dojo.require("dijit.layout.BorderContainer");       dojo.require("dijit.layout.ContentPane");       dojo.require("esri.map");       dojo.require("esri.dijit.Scalebar");       dojo.require("esri.layers.FeatureLayer");             var map;       function init() {         var initExtent = new esri.geometry.Extent({           "xmin": -13627755,           "ymin": 4548254,           "xmax": -13626718,           "ymax": 4548849,           "spatialReference": {             "wkid": 102100           }         });         map = new esri.Map("map", {           extent: initExtent         });         //Add the topographic layer to the map. View the ArcGIS Online site for services http://arcgisonline/home/search.html?t=content&f=typekeywords:service            var basemap = new esri.layers.ArcGISTiledMapServiceLayer("http://server.arcgisonline.com/ArcGIS/rest/services/World_Topo_Map/MapServer");         map.addLayer(basemap);                 var template = new esri.InfoTemplate();         template.setTitle("<b>${qAddress}</b>");         template.setContent("${*}");                 //add the street trees to the map         var featureLayer = new esri.layers.FeatureLayer("http://servicesbeta.esri.com/ArcGIS/rest/services/SanFrancisco/SFStreetTreesRendered/MapServer/0", {           mode: esri.layers.FeatureLayer.MODE_ONDEMAND,           infoTemplate:template,           outFields: ["*"]         });         map.addLayer(featureLayer);              var resizeTimer;         dojo.connect(map, 'onLoad', function(theMap) {           var scalebar = new esri.dijit.Scalebar({             map: map,             attachTo: "top-right"           });           dojo.connect(dijit.byId('map'), 'resize', function() { //resize the map if the div is resized             clearTimeout(resizeTimer);             resizeTimer = setTimeout(function() {               map.resize();               map.reposition();             }, 500);           });         });       }            dojo.addOnLoad(init);     </script>   </head>     <body class="claro">     <div dojotype="dijit.layout.BorderContainer" design="headline" gutters="false"     style="width: 100%; height: 100%; margin: 0;">       <div id="map" dojotype="dijit.layout.ContentPane" region="center" style="overflow:hidden;">       </div>     </div>   </body> </html> ... View more

At 2.1, getContent returned attributes as key/value pairs at 2.2, we didn't document this usage but we did use it in a few samples. At 2.2, the recommended approach is to use esri.substitute to get the information, here's a snippet that shows how this works: esri.substitute(evt.graphic.attributes, "${*}") We use this in the Find Closest Facilities sample. ... View more

If you click on the doh_sb375_corridor layer it will expand and you will see the sub-layer. I followed the instructions in the new blog post about configuring popups, here: http://blogs.esri.com/Support/blogs/arcgisonline/archive/2011/03/16/configuring-layer-pop-ups.aspx I added a layer to the map here: http://www.arcgis.com/home/webmap/viewer.html?webmap=f66a2f0b6fe54f1a95cde55c957aa11c There is no sublayer that I can open in the TOC to configure popups.  What does this mean? Thanks. ... View more

can you send me the link for downloading the 2.2 version ? You can find the download from the FAQ page in the ArcGIS API for JavaScript resource center: http://help.arcgis.com/EN/webapi/javascript/arcgis/help/jshelp_start.htm#jshelp/inside_faq.htm ... View more

When the jQuery time slider changes you can create a new time extent and set that to be the map's time extent. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>      <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no"/>     <title>ESRI Map and jQuery</title>     <link href="jquery.time.slider.css" rel="stylesheet" type="text/css" />        <script type="text/javascript">         var djConfig = { parseOnLoad: true };     </script>     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>     <script src="jquery.time.slider.js" type="text/javascript"></script>     <script type="text/javascript" src="http://serverapi.arcgisonline.com/jsapi/arcgis/?v=2.1compact"></script>     <script type="text/javascript" language="Javascript">         dojo.require("esri.map");         dojo.require("esri.layers.FeatureLayer");                 var map;         function init() {         var startExtent = new esri.geometry.Extent({"xmin":-18233316,"ymin":981737,"xmax":-8449376,"ymax":6852101,"spatialReference":{"wkid":102100}});         map = new esri.Map("map", {extent:startExtent});          dojo.connect(map, "onLoad", function () {             $(document).ready(jQueryReady);         });         var layers = [];         var basemap = new esri.layers.ArcGISTiledMapServiceLayer("http://server.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer");         map.addLayer(basemap);         // feature layer         var featureLayer = new esri.layers.FeatureLayer("http://sampleserver3.arcgisonline.com/ArcGIS/rest/services/Earthquakes/EarthquakesFromLastSevenDays/MapServer/0", {           mode: esri.layers.FeatureLayer.MODE_SNAPSHOT,           outFields: [ "*" ]         });                    featureLayer.setDefinitionExpression("magnitude > 2");                        dojo.connect(map, "onLayersAddResult", initSlider);           map.addLayers([featureLayer]);         }         function jQueryReady() {                  $('.timepick').change(function () {            if(map.timeExtent){             console.log('change');             var timespan = new esri.TimeExtent();             timespan.startTime = $('.timepick').timeslider('get');             map.setTimeExtent(timespan);             $('#chosen-time').text($('.timepick').timeslider('get').toString());}         }).timeslider({ value: '12:00' });                 }         function initSlider(result) {         console.log('initSlider');                 var timeExtent = new esri.TimeExtent();         var now = new Date();         timeExtent.endTime = now;         map.setTimeExtent(timeExtent);         }                         dojo.addOnLoad(init);     </script> </head> <body >     <div id="map" style="width:1000px; height:600px; border:1px solid #000;"></div>     <span id="chosen-time"></span>     <label>Time slider span: <span class="timepick">5:00</span></label> </body> </html> ... View more