topic Points are not getting plotted even though the data is getting fetched from the api. in ArcGIS JavaScript Maps SDK Questions

Points are not getting plotted even though the data is getting fetched from the api.

SahilBansal — Wed, 28 Apr 2021 14:18:14 GMT

Hi,

The points are not getting plotted even though the data is coming form the calling API. I am trying to plot the points based on the latitude and longitude coming via an API. I can see the data in the console but its not getting plotted while calling this function.

PFB the code snippet:

const getpoints = () => {

view.graphics.removeAll();

this.http.get<any>('https://devserver.trustd.space/api/posts?filter=%7B%22where%22%3A%7B%20%22postTypeId%22%3A%20%228%22%7D%7D&access_token=GS3B6tc0XSGyQrKuAJztFlyirB6r7iz3CCzwte5VcVBvhMWefGBJKLNgutS******'

, ).subscribe({

next: (data) => {

console.log('data of lat long is ', data);

data.forEach((result: any) => {

console.log('my result is', result);

const latlongpoint = {

// Create a point

// @ts-ignore

type: 'point',

longitude: result.lng,

latitude: result.lat,

};

console.log('what is my latlongpoint', latlongpoint);

locationlist.push(latlongpoint);

addGraphic('cross', latlongpoint);

});

error: (error) => {

console.error('There was an error while fetcing latitude and longitude data', error);

return error;

});

};

view.on('click', getpoints);

Re: Points are not getting plotted even though the data is getting fetched from the api.

ReneRubalcava — Wed, 28 Apr 2021 14:59:54 GMT

what does your addGraphic method look like?

Re: Points are not getting plotted even though the data is getting fetched from the api.

SahilBansal — Wed, 28 Apr 2021 15:12:16 GMT

sorry forgot to add that

const addGraphic = (type: any, point: any) => {

const graphic = new Graphic ({

symbol: new SimpleMarkerSymbol({

color: 'black',

style: 'square',

size: '15px',

outline: {

// autocasts as new SimpleLineSymbol()

color: [255, 255, 0],

width: 3, // points

}),

geometry: point,

});

view.graphics.add(graphic);

};

Re: Points are not getting plotted even though the data is getting fetched from the api.

JohnGrayson — Wed, 28 Apr 2021 16:02:09 GMT

Hard to tell what is going on; do you have a very simple codepen (or similar) so we can experience the issue? My guess is that maybe the result.lng and result.lat values are strings instead of numbers, or maybe the values represent X and Y instead of longitude and latitude?

Re: Points are not getting plotted even though the data is getting fetched from the api.

SahilBansal — Wed, 28 Apr 2021 17:58:35 GMT

I did the same thing in react application and its working fine over there with the same code.

Re: Points are not getting plotted even though the data is getting fetched from the api.

SahilBansal — Wed, 28 Apr 2021 18:10:20 GMT

This is what i am getting in my console.

Re: Points are not getting plotted even though the data is getting fetched from the api.

ReneRubalcava — Wed, 28 Apr 2021 21:00:48 GMT

add an attribute to your graphic, even if it's an empty object, that might fix it. new Graphic({attributes: {}, geometry});

Re: Points are not getting plotted even though the data is getting fetched from the api.

SahilBansal — Thu, 29 Apr 2021 05:21:36 GMT

I added the attributes to the graphic function but still its not plotting the points.

Re: Points are not getting plotted even though the data is getting fetched from the api.

SahilBansal — Thu, 29 Apr 2021 20:59:21 GMT

Can anyone please help me here!

Re: Points are not getting plotted even though the data is getting fetched from the api.

JohnGrayson — Fri, 30 Apr 2021 15:10:03 GMT

Hard to tell what is going on; do you have a very simple codepen (or similar) so we can experience the issue?
Not sure, but in the screenshot the lat/lon values display as strings, so maybe try converting them to numbers?

example: Number(result.lng)