谷歌地图URL中的缩放控件

时间:2018-06-08 01:35:04

标签: google-maps url google-maps-markers google-static-maps

我正在构建Google地图网址,该网址会指向地图中的几个位置

我想将Zoom控件添加到地图中,以便用户可以放大和缩小

我看到的所有示例都是针对java脚本和编码映射的

是否有任何参数我可以添加到网址以获得缩放控件

我试过

&callback=initMap

&gestureHandling=cooperative

但没有工作

任何人都知道我需要添加什么才能获得滚动和缩放控件?

我当前的网址如下所示

https://maps.googleapis.com/maps/api/staticmap?zoom=13&gestureHandling=cooperative&size=1200x800&maptype=roadmap&key=AIza***********************&markers=label:1%7C-33.87277000,151.21408000&markers=label:2%7C-33.87257000,151.21520000

1 个答案:

答案 0 :(得分:3)

根据您在问题中包含的网址请求,我可以说您没有使用地图网址。相反,您使用的是 Static Maps API 。从单词静态本身来看,它的特点是固定或静止状态。

使用 Static Maps API 加载地图后,地图将呈现为图片,因此,加载后无法与地图进行任何互动。您只能通过调整网址中的参数zoom来调整缩放级别。

如果您希望能够在加载后动态移动地图,则应选择使用 Google Maps Javascript API

但在我看来,你试图避免使用代码。如果是这种情况并且您只想使用网址加载地图,那么您可以使用 Google Maps URL

https://www.google.com/maps/search/?api=1&query=pizza+seattle+wa

如果您想将地图嵌入网页,则应使用 Google Maps Embed API 。您不需要使用此代码的JavaScript代码,只需使用HTML iframe

<iframe
  width="600"
  height="450"
  frameborder="0" style="border:0"
  src="https://www.google.com/maps/embed/v1/place?key=YOUR_API_KEY
    &q=Space+Needle,Seattle+WA" allowfullscreen>
</iframe>

希望这有帮助!