javascript - 将变量传递到静态Google图片 map

我在其中存储地址的变量。
我想将其传递给Google Map静态API：

像这样

adr = comp.adress;
console.log(adr);// 28, rue Armand Carrel

<img src="https://maps.googleapis.com/maps/api/staticmap?center={adr}&amp;size=600x300" alt="exemple" />

我没有得到adr的值代码有什么问题？

处理空间

 "addr": "\n                \n                28, rue Armand Carrel \n              ",

谢谢

最佳答案

您在自己的工作中只是读取{adr}作为字符串的一部分。

假设以上内容位于React / ES6 / ES2015中。

您需要将其连接到字符串：

<img src={"https://maps.googleapis.com/maps/api/staticmap?center=" + adr + "&amp;size=600x300"} alt="exemple" />`

或者您可以使用template literals：

<img src={`https://maps.googleapis.com/maps/api/staticmap?center=${adr}&amp;size=600x300`} alt="exemple" />`