Ggtcf

Are Captain Marvel's powers affected by Thanos breaking the Tesseract and claiming the stone?

US tourist/student visa

Circuit Analysis: Obtaining Close Loop OP - AMP Transfer function

Does the Linux kernel need a file system to run?

How would you translate "more" for use as an interface button?

Review your own paper in Mathematics

I found an audio circuit and I built it just fine, but I find it a bit too quiet. How do I amplify the output so that it is a bit louder?

Make a Bowl of Alphabet Soup

C++ check if statement can be evaluated constexpr

awk assign to multiple variables at once

Can I say "fingers" when referring to toes?

Why does this expression simplify as such?

Has any country ever had 2 former presidents in jail simultaneously?

Does an advisor owe his/her student anything? Will an advisor keep a PhD student only out of pity?

How do I fix the group tension caused by my character stealing and possibly killing without provocation?

Is this part of the description of the Archfey warlock's Misty Escape feature redundant?

Change the color of a single dot in `ddot` symbol

What fields between the rationals and the reals allow a good notion of 2D distance?

Why is the "ls" command showing permissions of files in a FAT32 partition?

Delete multiple columns using awk or sed

How to preserve electronics (computers, iPads and phones) for hundreds of years

Is it necessary to use pronouns with the verb "essere"?

How much theory knowledge is actually used while playing?

Why Shazam when there is already Superman?

Adding Unsplash photos to infowindows using google-maps-react

Showing Google Place Page data in the infowindow through a Google Maps API V3 generated mapclick listeners conflict w/ infowindowAlertDialog on Google Maps for Multiple markersGmaps.js - multiple markers with dynamic infoWindow contentHow to set infoWindow contents on load using Google Maps Javascript API V3Google Maps JS API (v3) InfoWindow Script Error - JSON UndefinedGoogle Maps Android API - Custom InfoWindow with FragmentAttempting to allow users to upload an image to an infowindow, google maps apiReact Google Maps InfoWindow toggle display one at a timeMultiple InfoWindows in react-google-maps throwing CORS error

0

I've created custom markers in a google-maps-react project. Now I'm trying to add unsplash photos to their corresponding infowindows.
I'm capable of performing .map through the array of unsplash photo objects and displaying them on the page. But I can't seem to .filter through to pick a specific photo whose index matches the marker id and placing that inside the infowindow html.

Any attempts to use .filter gives me cannot read property of undefined error.

Here's the code example: https://codesandbox.io/s/13z4n29xm4

if I change infowindow img src to this.state.selectedImage.urls.thumb
I get the error.

dynamic infowindow google-maps-react

share|improve this question

asked Mar 7 at 23:49

Michelle OrwickMichelle Orwick

83

add a comment | 

0

I've created custom markers in a google-maps-react project. Now I'm trying to add unsplash photos to their corresponding infowindows.
I'm capable of performing .map through the array of unsplash photo objects and displaying them on the page. But I can't seem to .filter through to pick a specific photo whose index matches the marker id and placing that inside the infowindow html.

Any attempts to use .filter gives me cannot read property of undefined error.

Here's the code example: https://codesandbox.io/s/13z4n29xm4

if I change infowindow img src to this.state.selectedImage.urls.thumb
I get the error.

dynamic infowindow google-maps-react

share|improve this question

asked Mar 7 at 23:49

Michelle OrwickMichelle Orwick

83

add a comment | 

I've created custom markers in a google-maps-react project. Now I'm trying to add unsplash photos to their corresponding infowindows.
I'm capable of performing .map through the array of unsplash photo objects and displaying them on the page. But I can't seem to .filter through to pick a specific photo whose index matches the marker id and placing that inside the infowindow html.

Any attempts to use .filter gives me cannot read property of undefined error.

Here's the code example: https://codesandbox.io/s/13z4n29xm4

if I change infowindow img src to this.state.selectedImage.urls.thumb
I get the error.

dynamic infowindow google-maps-react

share|improve this question

asked Mar 7 at 23:49

Michelle OrwickMichelle Orwick

83

share|improve this question

asked Mar 7 at 23:49

Michelle OrwickMichelle Orwick

83

share|improve this question

asked Mar 7 at 23:49

Michelle OrwickMichelle Orwick

83

asked Mar 7 at 23:49

Michelle OrwickMichelle Orwick

83

asked Mar 7 at 23:49

Michelle OrwickMichelle Orwick

83