Google maps 插值坐标可防止加载静态google地图
在一个网页上,我可以用类似的方式显示一个静态地图Google maps 插值坐标可防止加载静态google地图,google-maps,pug,google-static-maps,Google Maps,Pug,Google Static Maps,在一个网页上,我可以用类似的方式显示一个静态地图 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? c
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” 以下内容来自帕格: 早期版本的Pug/Jade支持插值语法,例如 作为: 如果您将链接用作
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')
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')