Question

我进行了多次搜索，但找不到一个简单的示例，说明如何显示静态Google地图，并在其上绘制一些点到jade / Express页面上。我所做的每一次尝试都不会显示任何内容。如果我能看到其他人如何做到这一点，我应该能够弄明白。我要做的就是在地图上绘制一些点并将其显示在网页上。任何指针都非常感谢。

Answer 1

Google静态地图只是普通的旧图片。所以像其他任何图像一样包含它们。

doctype 5
html(lang="en")
  head
    title Example
  body
    h1 Google Static Map
    img(src="https://maps.googleapis.com/maps/api/staticmap?center=Opera+House,Sydney+Australia&zoom=13&size=400x300&markers=-33.8565,151.2151&sensor=false")

可在此处找到Google Static Maps API V2 Developers guide。

如果要构建标记字符串服务器端，然后将其输出到客户端，请尝试此示例。

res.render('template', {markers: '-33.8565,151.2151'});

并在玉石模板中

img(src="https://maps.googleapis.com/maps/api/staticmap?center=Opera+House,Sydney+Australia&zoom=13&size=400x300&markers=#{markers}&sensor=false")

有关markers parameter的更多详细信息，请参阅指南。

如何在玉页中包含静态Google地图

1 个答案: