Latest Contributions by SteveCole

Riyas Deen‌ I marked the line example as the correct answer since I don't think you can mark two posts as the correct answer. Your line ripple example is a much smoother animation than what I originally came up with and I've already incorporated it into my project so thank you for that! The example for points is beautiful- this is exactly what I mentally envisioned for the animation. While your example works, there is a small glitch with your approach but I don't know the answer for fixing it. It seems to be built on screen coordinates so zooming the map or, more severely, panning the map breaks the location of the animation. A map zoom will correct itself but if you simply pan the map, the animation stays at its original screen location even though the point has moved elsewhere. I can see what you did there but I don't quite understand the why. ... View more

Thanks for that tip, Robert. Just another thing to love about GeoNet! ... View more

Hi Riyas, I don't see an attachment or link in your reply. ... View more

This will be (Legacy) pseudo-code but essentially, create a barebones web map (something like an ESRI sample) and, in the map init function, perform a query for your parcel and then zoom to the result it returns. Here's something similar I did for a web map that would zoom into the location of a feature if a lat/long coordinate pair was passed as part of the URL:         //Evaluate the URL of this HTML page to determine if any parameters were passed with it         var htmlPagePath = window.location.toString();         var qLocation = htmlPagePath.indexOf('?');         if (qLocation < 1)         {             passedLatLong = false;         }         else             passLatLong = true;         //If a coordinate location was passed as a parameter, zoom the map to it         if (passedLatLong)         {             //Extract the lat/long coordinates passed as a parameter with the URL             var coordStr = window.location.toString().substr(qLocation + 1,window.location.toString().length);             var coords = new Array();             coords = coordStr.split(',');             //Create a lat/long point             var bridgeLoc = new esri.geometry.Point(coords[0],coords[1], new esri.SpatialReference({wkid:4326}));             //set the map extent based on the lat/long coordinate passed. The coordinate must be converted             //to Web Mercator since the web services used have been defined with that projection..             map.setExtent(pointToExtent(map,esri.geometry.geographicToWebMercator(bridgeLoc),3));         } Obviously, in your case, you would perform a queryTask on your parcels using the supplied parcel ID and then zoom to the result. ... View more

Thanks for the modified sample, Robert. I've marked it as answered I spent the day re-working my code to fit the logic from your sample and it does eliminate the click issue that originally prompted my post. The setTimeout of 500 is too much of a pause while clicking around the map. I was actually able to reduce that value to as little as 5 and the functionality still works as designed and is more responsive. Unfortunately for me, the re-work of the coding has broken some other aspect of my slide out panel functionality but that's a JavaScript issue and not an API issue. ... View more

That's pretty nice, Robert. I do like your different solution. Hmm.. As for why I used the click event of the featureLayer, it all boils down to what I originally learned and the comfort & familiarity of that. For the infoWindows I've worked with, I've always had to tweak & reformat the content going to the infoWindow and your solution (along with the original ESRI sample) just pumps the info automatically into the infoWindow. I just had difficulty determining how to inject myself in that process. With the click event, I already know how to do that so I just went with it. I really do like your solution since it eliminates the issue I can't otherwise get rid of. I'll have to chew on that. Thanks, Robert. I appreciate all the help on this! Steve ... View more

Thanks, Robert. That totally makes sense; it just appears that this is not user adjustable. ... View more

Ok, now that I can finally post code correctly, lemme reply. The best I can do since it's not public facing at this time is post all the relevant code so here goes.. Starting here:         //Set the infoWindow to not display since the content is going to the slideout panel         map.infoWindow.set("popupWindow", false); The click event for one of the featureLayers:         tipLines.on("click", function(evt) {             if($("#tipPointPanel").is(":visible") ) {                         $("#tipPointPanel").hide();             }                        attrib = evt.graphic.attributes;                        document.getElementById("lnTipType").innerHTML = getTipCatType(attrib.tipType);             document.getElementById("lnPrjName").innerHTML = attrib.prjName;             document.getElementById("lnPrjStart").innerHTML = attrib.prjStart;             document.getElementById("lnPrjEnd").innerHTML = attrib.prjEnd;             document.getElementById("lnCouncilDist").innerHTML = attrib.councilDist;             document.getElementById("lnOnAcp").innerHTML = attrib.onACP;                       document.getElementById("lnImpType").innerHTML = getImprovementType(attrib.impType);             document.getElementById("lnPrjDesc").innerHTML = attrib.prjDescr;             document.getElementById("lnPrjPhase").innerHTML = attrib.prjPhase;             document.getElementById("lnTipID").innerHTML = attrib.TIPID;                       if(attrib.prjURL == null) {                 $("#showLnPrjLink").css("display","none");                 $("#hideLnPrjLink").css("display","inherit");                 $("#lnPrjUrlLink").prop("href", "javascript:void(0)");             } else {                 $("#showLnPrjLink").css("display","inherit");                 $("#hideLnPrjLink").css("display","none");                   $("#lnPrjUrlLink").prop("href", attrib.prjURL + "/#structuralContainer12");             }                        curColors = getTipCatColor(attrib.tipType);             document.getElementById("lnTipTypeBackground").style.background = curColors[0].toString();             document.getElementById("lnTipTypeBackground").style.color = curColors[1].toString();             $("#tipLinePanel").animate({ "width": "25%", "display": "inline" }, "fast" );         }); Here's where I'm trying to respond to a few situations where the panel should close:         //when the selection is cleared remove the popup content from the side panel.         connect.connect(tipLines, "onSelectionClear", function(){             $("#tipLinePanel").animate({ "width": "0%"}, "fast", "swing", function() {$("#tipLinePanel").hide();} );         });                connect.connect(tipLines, "onSelectionComplete", function (features,selMethod) {             if (features.length == 0) {                 $("#tipLinePanel").animate({ "width": "0%"}, "fast", "swing", function() {$("#tipLinePanel").hide();} );             }         }); Finally, that brings me to my original post and my attempts to respond to a mouse click elsewhere on the map which unselects a feature and should close my panel:         map.on("click", function() {             console.log("debugging!");                        if(map.graphics.graphics.length == 0) {                 if($("#tipLinePanel").is(":visible") ) {                     $("#tipLinePanel").hide();                 }                 if($("#tipPointPanel").is(":visible") ) {                     $("#tipPointPanel").hide();                 }             }         }); That's all the code as it relates to interacting with the featureLayer that populates a side panel. ... View more

No- that doesn't work. It actually prevents the panel from opening by hiding it prematurely. [side note- I REALLY hate these new forums. Why is it so friggin hard to paste in JS code? Argh] ... View more

Thanks for the reply, Robert. My app is loosely based on the sample. I moved away from some of the logic in the sampel and the actual display of the panels in my app are handled by the traditional click event on the relevant featureLayers: theFeatureLayer.on("click",function(evt) { ...... }); I just went back to the sample and tried incorporating the "onClearFeatures" event based on the popup but now the panel won't open because this event is triggered during the course of selecting a feature. Basically, it gets closed as it's supposed to open. That's a no-go as well.. ... View more

You can also try submitting the URL to your site to something like http://www.responsinator.com/ to see how it looks on various devices. It basically uses emulation to mimic what it would look like on the native device. ... View more