【问题标题】:Is there a way to make embedded Google Maps a static non clickable image?有没有办法让嵌入式谷歌地图成为静态不可点击的图像?
【发布时间】:2012-03-29 06:03:58
【问题描述】:

不幸的是,在我正在开发的一个网站上,营业场所的街景图像已经过时,对企业来说不是很讨人喜欢。

有没有办法(通过 Maps API)使地图图像成为静态图像,它不会链接到显示街景图像的完整 Google 地图页面?

我试图避免手动嵌入图像,因为我希望能够以编程方式执行此操作。

谢谢。 前言。

【问题讨论】:

    标签: javascript google-maps google-maps-api-3 google-street-view


    【解决方案1】:

    我找到了一个非常简单的解决方案,就我而言,我想要桌面上的交互式地图和移动上的静态地图。

    使用媒体查询,我将属性 {pointer-events: none !important;} 添加到了在更改为移动设备时包裹我的地图的父 div。

    【讨论】:

    • 谢谢;我还在地图选项中设置了它,因为它是静态的:disableDefaultUI: true,
    • 在地图选项中禁用draggable 可以达到相同的效果。要制作类似于静态地图(对于大型设备来说太小)的东西,您可以使用disableDefaultUI: true、scrollable: false、draggable: false。
    【解决方案2】:

    是的,看看静态地图 api。有一个您所需要的示例。

    https://developers.google.com/maps/documentation/staticmaps/

    【讨论】:

    • 谢谢@javram - 正是我所追求的。
    • 静态贴图如果分辨率足够高就可以满足您的目的,但它们的最大分辨率为 640(如果使用 scale=2,则为 1280,但这是相同尺寸的贴图,像素数是原来的两倍) .如果您需要更大的地图,则需要使用非静态版本,但通过设置disableDefaultUI: true、scrollable: false、draggable: false,您可以获得非常相似的内容。
    【解决方案3】:

    您可以设置地图样式,使其无法滚动、缩放、街景...等。

    https://developers.google.com/maps/documentation/javascript/reference#MapOptions

    【讨论】:

      猜你喜欢
      • 2016-02-10
      • 2011-10-06
      • 1970-01-01
      • 2011-12-11
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-08-12
      相关资源
      最近更新 更多