google 地图中的缩放控件 URL
Zoom Controls in google maps URL
我正在构建 Google 地图 URL,它将指向地图中的几个位置
我想在地图上添加缩放控件,以便用户可以放大和缩小
我看到的所有示例都是针对 java 脚本和编码映射
是否有任何参数我可以添加到 url 以获得缩放控制
我试过了
&callback=initMap
&gestureHandling=cooperative
但没有工作
有人知道我必须添加什么才能获得滚动和缩放控件吗?
我目前的 URL 看起来像这样
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
根据您在问题中提出的 URL 请求,我可以判断您没有使用地图 URL。相反,您使用的是 Static Maps API。从Static这个词本身来看,它的特点是固定或静止的条件。
使用静态地图API加载地图后,地图将呈现为图像,因此加载后无法与地图进行任何交互.您只能通过调整 URL.
中的参数 zoom
来调整缩放级别
如果您希望在加载后能够在地图上动态移动,那么您应该选择使用Google Maps Javascript API。
但在我看来,您似乎在试图避免使用代码。如果是这种情况,而您只想使用 url 加载地图,那么您可以使用 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>
希望对您有所帮助!
我正在构建 Google 地图 URL,它将指向地图中的几个位置
我想在地图上添加缩放控件,以便用户可以放大和缩小
我看到的所有示例都是针对 java 脚本和编码映射
是否有任何参数我可以添加到 url 以获得缩放控制
我试过了
&callback=initMap
&gestureHandling=cooperative
但没有工作
有人知道我必须添加什么才能获得滚动和缩放控件吗?
我目前的 URL 看起来像这样
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
根据您在问题中提出的 URL 请求,我可以判断您没有使用地图 URL。相反,您使用的是 Static Maps API。从Static这个词本身来看,它的特点是固定或静止的条件。
使用静态地图API加载地图后,地图将呈现为图像,因此加载后无法与地图进行任何交互.您只能通过调整 URL.
中的参数zoom
来调整缩放级别
如果您希望在加载后能够在地图上动态移动,那么您应该选择使用Google Maps Javascript API。
但在我看来,您似乎在试图避免使用代码。如果是这种情况,而您只想使用 url 加载地图,那么您可以使用 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>
希望对您有所帮助!