javascript - 将变量传递给静态谷歌图像映射

Question

我有一个变量，用于存储地址。我想将它传递给谷歌地图静态 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              ",

谢谢

Answer 1

您在自己的系统中所做的只是读取 {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" />`