Latest Contributions by joepublic

I am trying to do the following: When you click on a button, a country or a set of highlighted countries are displayed. next, click on a country and you zoom in to a highlighted city or cities. I want to display the city/cities as a clickable layer when you zoom in Currently, I can click and zoom in on a highlighted country and the city looks like a dot..  (ICGC WEB PORTAL ) Any suggestions are welcome!! Chris ... View more

I have the following app (ICGC WEB PORTAL​)  Based on which button at the top clicked on, certain countries are highlighted, I  need help with the following: I want to pan to(?)/center on the country clicked on as well as increase the zoom level. This is my attempt function getExtent(){   var lat = map.getCenter().lat;   var lng = map.getCenter().lng;   var newCord = [lat, lng];   return newCord; } function highlightFeature(e){    var newCenter = getExtent();  <--    var layer = e.target   [stuff omitted] } function onEachFeature(feature, layer){   layer.on({     click: highlightFeature   }); } countries = L.geoJson(featureCollection, {    onEachFeature: onEachFeature }).addTo(map); Script attached ... View more

I have a esri-leaftlet app that works when I use a cloudfront base (tile) map but I get errors when I change to a Stamen base map. (See link below) ICGC WEB PORTAL    .... When I click on a button to see the first (News) button, I get the following error: Uncaught TypeError: Cannot read property 'trim' of undefined o.Util.trim @ leaflet.js:5 cleanUrl @ Util.js:387 exports.Task.L.Class.extend.initialize @ Task.js:28 o.Class.extend.e @ leaflet.js:5 query @ Query.js:229 (anonymous function) @ icgcWebMap5.html:261 n.event.dispatch @ jquery.js:4435 n.event.add.r.handle @ jquery.js:4121 And if I click on any of the other buttons, I get the following error: Uncaught TypeError: Cannot read property 'query' of undefined (anonymous function) @ icgcWebMap5.html:329 n.event.dispatch @ jquery.js:4435 n.event.add.r.handle @ jquery.js:4121 I at a total loss as to why this is happening.  Any help would much appreciated Thanks Chris ... View more

I'm tring to update an app I created with esri-leaflet and esri-leaflet-related.  Based on what I've read in the notes on the releases for both esri-leaflet and esri-leaft-related. I've updated my app to point to the cdn versions of (see below): leaflet: version 0.7.3 esri-leaflet: version 1.0..0 esri-leatlet-related:  version 1.0.2 <script src="//cdn.jsdelivr.net/leaflet/0.7.3/leaflet.js"></script> <script src="//cdn.jsdelivr.net/leaflet.esri/1.0.0/esri-leaflet.js"></script> <script src="//cdn.jsdelivr.net/leaflet.esri.related/1.0.2/esri-leaflet-related.js"></script> but I am getting the following error: TypeError: a is undefined http://cdn.jsdelivr.net/leaflet.esri/1.0.0/esri-leaflet.js Line 20 Note: I'm clicking on a button that triggers following (partial script): $('#NSM').click(function(){ buttonPicked = 'NSM'; buttonType = document.getElementById('NSM'); var query = L.esri.Tasks.query(tableURL).where("type like '" + buttonType.value + "'"); var rquery = L.esri.Tasks.queryRelated(tableURL).relationshipId("0"); query.ids(function(error, ids, response) { ...... any ideas as to what's happening would be appreciated Regards Chris P.S Please let me know if need to  a copy of my script uploaded ... View more