javascript - Google map 嵌入 Api - 参数 q 无效

Question

我在 NodeJs、Express 和 Pug/Jade 中创建了一个 WebApp。

以下哈巴狗代码有效

iframe#map(width="100%", height="600", frameborder="0", style="border:0"
    src='https://www.google.com/maps/embed/v1/place?' +
        'key=MY_API_KEY&q=56.8860513,-9.5357577')

但是下面的代码不起作用

src='https://www.google.com/maps/embed/v1/place?' +
        'key=MY_API_KEY&q=#{data.long},#{data.lat}')

我收到的错误是Google Maps API 服务器拒绝了您的请求。无效的请求。 “q”参数无效。 - 有什么建议/想法吗？

注意数据是有效的 json 文件。我可以使用 h2 Location of#{data.fname} 在 pug 文档中打印出来。该变量由 app.locals.data = myData;

创建

Answer 1

避免使用 #{var} 语法，因为它已在 Pug 2 中删除，如 mentioned here

[注意 此语法 #{var} 已在属性插值中删除，即您不能在属性值中使用此语法，但对于元素的内容，您仍然可以使用这个语法。例如p 我的名字是#{name}。]

而是像这样定义您的 src 属性:

src="https://www.google.com/maps/embed/v1/place?key=MY_API_K‌​EY&q=' + data.long + ',' + data.lat + '")