I am still new to esri's js-api. I am getting the error below at line 149 (queryTask.execute(cntryq);) in the attached file. I have no idea how to resolve this error TypeError {stack: "TypeError: undefined is not a function↵ at coun…ndler (http://js.arcgis.com/3.10/init.js:490:212)", message: "undefined is not a function"} * message: "undefined is not a function" * stack: "TypeError: undefined is not a function↵ at countries (http://tobagoborn.com/esri/examples/p1p2c.html:149:15)↵ at cntrycds (http://tobagoborn.com/esri/examples/p1p2c.html:163:5)↵ at http://tobagoborn.com/esri/examples/p1p2c.html:179:7↵ at S._resolve (http://js.arcgis.com/3.10/js/esri/layers/FeatureLayer.js:64:294)↵ at k (http://js.arcgis.com/3.10/js/esri/layers/FeatureLayer.js:65:355)↵ at c (http://js.arcgis.com/3.10/init.js:74:221)↵ at d (http://js.arcgis.com/3.10/init.js:74:10)↵ at resolve.callback (http://js.arcgis.com/3.10/init.js:75:350)↵ at Object.n._resDfd (http://js.arcgis.com/3.10/init.js:758:31)↵ at e._successHandler (http://js.arcgis.com/3.10/init.js:490:212)" * p1p2p3.html.zip p1p2c.html.zip

Robert, Thanks for the simple solution to clicking on the country. Now I want to query the related table. I created a function tableRecords() that is called when you click on a country. I know that I have to use the objectid to find all the records in the related table. How do I write the query to find the records and display the results in the side panel div function tableRecords(evt) { console.log(evt.graphic.attributes); //alert(evt.graphic.attributes.OBJECTID); var relatedQ = new esri.tasks.RelationshipQuery(); relatedQ.outFields = ["*"]; relatedQ.relationshipId = 0; relatedQ.objectIds = [evt.graphic.attributes.OBJECTID]; relatedTable.queryRelatedFeatures(relatedQ, function(relatedRecords) { var tableObjId = relatedRecords[evt.graphic.attributes.OBJECTID]; console.log(tableObjId); }); } //end tableRecords see attached p1p2p3b.html.zip

Joe, All you need to do is attach a click event to the maps graphics. Feature layer part one html, body, #container { width : 100%; height : 100%; background-color: #FFF; } #container, div { float: left; /*border-style:solid; border-style:solid; border-width:5px; border-color:green;*/ } #mapDiv { width: 100%; height: 100%; width : 75%; margin: 0; padding: 0; } #sidecol { width : 25%; height: 100%; border-width: 5px; border-color:green; overflow: scroll; } News SDG Status City Models/Plans Story Maps Educational Games User Submitted Project Map Create a new map MDG Status var countries; var buttonPicked; var buttonType; var countryCode = []; var whrString = "" var map, featureLayer, relatedTable; var map, featureLayer, relatedTable; var featureURL = "http://dev.consciousglobalchange.org/arcgis/rest/services/MEP/webmap_catalog/FeatureServer/0"; var relatedURL = "http://dev.consciousglobalchange.org/arcgis/rest/services/MEP/webmap_catalog/FeatureServer/1"; require(["esri/map", "dojo/domReady!"], function(Map) { map = new Map("mapDiv", { center: [-5.049, 38.485], zoom: 2, basemap: "gray" }); }); function clickType(e) { if (!relatedTable) { // The related table hasn't loaded properly yet. Abort! alert("Still waiting to connect to the related table."); return; } // "this" refers to the button that was clicked, since this is function added to onClick. // "value" reads the "value" attribute from the button. var type = this.value; require([ //"esri/tasks/query" "esri/map", "esri/tasks/query", "esri/layers/FeatureLayer", "esri/tasks/QueryTask", "dojo/on", "esri/tasks/RelationshipQuery", "dojo/domReady!" ], function(Map, Query, FeatureLayer, QueryTask, on, RelationshipQuery) { var q = new Query(); //Pull UN Country Code q.outFields = ["*"]; q.where = "TYPE = '" + type + "'"; q.outFields = ["un_country"]; function countries(uncode) { //build query task alert( 'country codes: ' + uncode); var queryTask = new QueryTask(featureURL); //build query filter var cntryq = new Query(); cntryq.returnGeometry = true; cntryq.outFields = ["*"]; cntryq.where = "UN in (" + uncode + ")"; //Can listen for onComplete event to process results or //can use the callback option in the queryTask.execute method. dojo.connect(queryTask, "onComplete", function(featureSet) { map.graphics.clear(); var symbol = new esri.symbol.SimpleFillSymbol(esri.symbol.SimpleFillSymbol.STYLE_SOLID, new esri.symbol.SimpleLineSymbol(esri.symbol.SimpleLineSymbol.STYLE_SOLID, new dojo.Color([255,255,255,0.35]), 1),new dojo.Color([125,125,125,0.35])); //QueryTask returns a featureSet. Loop through features //in the featureSet and add them to the map. var data = featureSet.features; console.log(data); dojo.forEach(data,function(feature) { var graphic = feature; graphic.setSymbol(symbol); map.graphics.add(graphic); map.graphics.on('click', function(evt){ console.log(evt.graphic.attributes); }); }); }); queryTask.execute(cntryq); whrString = "" } //end of Countries function cntrycds(allcds) { //alert(allcds); whrString = "" for (var i = 0; i < allcds.length; i++) { //alert(allcds); whrString += allcds + ", "; } whrString = whrString.slice(0, -2); countries(whrString); //alert(allcds); } relatedTable.queryFeatures(q, function(featureSet) { countryCode = []; //console.log(featureSet.features); var data = featureSet.features; for (i = 0; i < data.length; i++) { countryCode = data.attributes.un_country; //console.log(data.attributes.un_country); //alert(countryCode); } cntrycds(countryCode); }); }); //end of require } //end clickType require([ "esri/map", "esri/layers/ArcGISTiledMapServiceLayer", "esri/layers/FeatureLayer", "esri/tasks/query", "esri/tasks/QueryTask", "dojo/on", "esri/tasks/RelationshipQuery", "dojo/domReady!" ], function(Map, ArcGISTiledMapServiceLayer, FeatureLayer, Query, QueryTask, on, RelationshipQuery) { var table = new FeatureLayer(relatedURL, { mode: FeatureLayer.MODE_ONDEMAND, outFields: ["*"] }); table.on("load", function (e) { // The layer is now loaded and is ready to be used for queries etc. relatedTable = e.layer; }); }); //end require $('#NSM').click(clickType); $('#SDG').click(clickType); $('#CMP').click(clickType); $('#CSM').click(clickType); $('#EDU').click(clickType); $('#USR').click(clickType); $('#OPM').click(clickType); With the click vent on the graphics layer you can get the exact graphic clicked and thus it's attributes that would have the information on which country was clicked. I did not check the rest of your codes logic.

I added an updated script to my original post

nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

getting a TypeError

joepublic

I am still new to esri's js-api. I am getting the error below at line 149 (queryTask.execute(cntryq);) in the attached file.

I have no idea how to resolve this error

TypeError {stack: "TypeError: undefined is not a function↵ at coun…ndler (http://js.arcgis.com/3.10/init.js:490:212)", message: "undefined is not a function"}

message: "undefined is not a function"
stack: "TypeError: undefined is not a function↵ at countries (http://tobagoborn.com/esri/examples/p1p2c.html:149:15)↵ at cntrycds (http://tobagoborn.com/esri/examples/p1p2c.html:163:5)↵ at http://tobagoborn.com/esri/examples/p1p2c.html:179:7↵ at S._resolve (http://js.arcgis.com/3.10/js/esri/layers/FeatureLayer.js:64:294)↵ at k (http://js.arcgis.com/3.10/js/esri/layers/FeatureLayer.js:65:355)↵ at c (http://js.arcgis.com/3.10/init.js:74:221)↵ at d (http://js.arcgis.com/3.10/init.js:74:10)↵ at resolve.callback (http://js.arcgis.com/3.10/init.js:75:350)↵ at Object.n._resDfd (http://js.arcgis.com/3.10/init.js:758:31)↵ at e._successHandler (http://js.arcgis.com/3.10/init.js:490:212)"

p1p2p3.html.zip

p1p2c.html.zip

Trouver plus de publications taguées avec

Accepted answers

All comments

joepublic

Mathew, et al

I tried redoing my code similar to what attaching but have encountered errors. So I am back to my original code and was able to solve the TypeError.

Now for the last part..... I need to be able to click on the countries highlighted (based on the button clicked). Clicking on a highlighted country, triggers a query of the related table (tableURL) and the results of the query are displayed in the side panel on the right.

Can you or someone show me how I can add an onclick event and a relatedquery to my script?

Hope what I want makes sense

MatthewLewis

No problem, give me a shout if you need more help. I'm not always online but I try and check it regularly

joepublic

Mathew,

Thanks for the quick code review and the assist.

I agree my code is rather crude and inefficient.

My original plan was to use esri-leaflet api but it could not handle related tables.

This api is new to me and at the moment I need to get a working version asap.

Once it done, I do plan to figure how everything works while I clean up the code.

Will review what you sent and let you know if I have any questions

Chris

MatthewLewis

Ok... firstly this code needs a tidy up! Split out your code and use standards, otherwise know one will want to read it and help you.

I've played around and improved the structure. I don't seem to be getting any TypeErrors

Project.zip

joepublic

I am using ESRI's javascript API so I think I need someone from ESRI to look at it

Correct??

DanPatterson_Retired

See the big Places link to the left of your avatar, click on it, then you can select a Space and post/move your question there. I am guessing you have some sort of java question but it could go in several spots, ie what are you using/developing. you will get better response if you use places/spaces and tags to direct your questions otherwise they end up in the void

joepublic

Where is the appropriate place??

DanPatterson_Retired

can you redirect your post to an appropriate Place to facilitate answering

Rejoindre la conversation

Les membres connectés peuvent publier, suivre les mises à jour, et plus encore. Nouveau ici ? Inscrivez-vous gratuitement.

Liens rapides

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.