尝试从Google Map API获取照片时出现404错误

Question

 renderPhotos(place) { if (!place.photos || place.photos.length == 0) return; const cfg = {maxWidth: 100, maxHeight: 100} return (<div className={styles.photoStrip}> {place.photos.map(p => { const url = `${p.getUrl(cfg)}.png` return (<img key={url} src={url} />) })} </div>) } 

I receive this error: AF1QipOcxB_SbhXOWZVkrw15sBppOigDEgl1fcvMtpqv=w100-h100-k.png:1 GET https://lh3.googleusercontent.com/p/AF1QipOcxB_SbhXOWZVkrw15sBppOigDEgl1fcvMtpqv=w100-h100-k.png 404 ()

Answer 1

Just remove the ".png" file extension in the URL and it should work :)

const url = `${p.getUrl(cfg)}`

not

const url = `${p.getUrl(cfg)}.png`