插值坐标防止加载静态谷歌地图答案

【问题标题】：Interpolated coordinates prevent static google map from loading插值坐标防止加载静态谷歌地图
【发布时间】：2018-01-21 00:42:05
【问题描述】：

在网页上，我可以使用类似的方式显示静态地图。

http://maps.googleapis.com/maps/api/
staticmap?center=51.455041,-0.9690884&zoom=17&size=600x300
&sensor=false&markers=51.455041,-0.9690884&scale=2")

但是当我尝试时

http://maps.googleapis.com/maps/api/staticmap?
center=#{location.coords.lat},#{location.coords.lng}
&zoom=17&size=400x350&sensor=false&markers=
#{location.coords.lat},#{location.coords.lng}&scale=2"

其中 #{location.coords.lat} 和 #{location.coords.lng} 是来自控制器文件的插值字符串，从这一行开始。

coords: {lat: 51.455041, lng: -0.9690884},

我看到的只是一张破损的图片。

我知道我可以访问 lat 和 lng，因为当我创建一个段落时

p #{location.coords.lat}

页面加载时显示为“51.455041”。

【问题讨论】：

标签： google-maps pug google-static-maps

【解决方案1】：

以下来自pug的doc：

Pug/Jade 的早期版本支持插值语法，例如如：
a(href="/#{url}") Link This syntax is no longer supported.

如果您将链接用作img 源，则正确的语法是：

img(src='http://maps.googleapis.com/maps/api/staticmap?center=' + location.coords.lat + ',' + location.coords.lng + '&zoom=17&size=400x350&sensor=false&markers=' + location.coords.lat + ',' + location.coords.lng + '&scale=2')

【讨论】：