【问题标题】:Using the google street view image api v3 how do I Save street view images with javascript使用谷歌街景图像 api v3 如何使用 javascript 保存街景图像
【发布时间】:2012-11-23 10:55:14
【问题描述】:

我有一个谷歌街道地图,我想创建一个按钮,允许从谷歌图像中捕获并将其保存到文档文件中,以便他们可以添加所需的信息。

我知道我必须使用 Street view 提供所有详细信息。

我首先需要我的 javascript 来确保它是从正确的谷歌街道图像中捕获的,然后我需要能够通过单击创建的一个按钮将其保存到指定的位置。

我一直在寻找许多答案,但所有方法似乎都无法按照我需要的方式工作。 我是整个编程环境的新手,特别是 javascript。

我已尝试添加:

$('#getStatic').click(function() {
                var maplatlong = map.getCenter().clone();
                maplatlong.transform(new OpenLayers.Projection("EPSG:900913"),
                new OpenLayers.Projection("EPSG:4326"));
                panoLatLon = new google.maps.LatLng(maplatlong.lat, maplatlong.lon);   

                $('#map_canvas').html('<img src="http://maps.googleapis.com/maps/api/streetview?location=' + panoLatLon.lat() + ',' + panoLatLon.lng() + '&maptype=' + map.getMapTypeId() + '&zoom=' + map.getZoom() + '&size=400x400&sensor=false">');

然后只是尝试尝试更改它,然后继续尝试添加代码以使其显示保存到弹出窗口

【问题讨论】:

  • Javascript 无法访问文件系统并且不允许保存图像。

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


【解决方案1】:

您可以使用Streetview Image API 获取图像,但该图像的使用受Terms of Service/Use 的约束,并且您将无法自动对图像执行太多操作,因为 Javascript 是沙盒化的。

为了方便您查找,条款 10.1.3 禁止在网页之外存储图像和使用。

【讨论】:

  • 我一直在尝试使用街景图像 API,但不能 100% 确定如何使用它 是否有更多更好的示例说明我如何使用它?我不能把它放在一个固定的位置,因为会有很多人选择不同的区域。
  • 感谢大家提供的信息。我设法解决了单击按钮时显示街景图像的问题。
【解决方案2】:

1 - Javascript 无法访问文件系统,因此您无法使用它保存文件。

2 - 不允许从 Google 地图保存图像。见这里:

https://developers.google.com/maps/faq#tos_screenshots

在印刷材料和离线媒体中使用 Google 地图图像是 受发布于以下位置的许可指南的约束:

http://www.google.com/permissions/geoguidelines.html

您可以申请许可,但我认为获得许可并不容易,除非您是付费商业客户。

【讨论】:

  • 我是付费商业客户。然后我怎么能得到文件上的图像。
  • @user1538685,如果您确实拥有营业执照,那么您支付的价格中包含 Google 的直接支持。与您的 Google 联系人联系。我不会在开放论坛中解释如何做到这一点,因为其他人(非商业客户)也可以利用它,无论如何,您需要先请求并获得许可。 ;-)
  • 感谢大家提供的信息。当我单击按钮时,我设法解决了让街景图像显示的问题。我不会将代码信息放在这里,尽管我是如何把它整理出来的,因为@Marcelo 说过必须获得许可首先从 google 获得。
  • 请记住,从几年前开始,JavaScript 可以通过多种方式保存文件。第二点仍然有效。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-10-09
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多