Интерполированные координаты препятствуют загрузке статической карты Google

Question

На веб-странице я могу отобразить статическую карту, используя что-то вроде.

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" при загрузке страницы.

Answer 1

Следующее от документа мопса:

Предыдущие версии 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')