3

我正在尝试创建一个适合移动设备的网页，允许用户<img>在<div>. 我已经使用该image.ontouchstart方法进行了这项工作。现在我想做到这一点，以便用户在从 iOS 设备查看此内容时可以捏合缩放（我目前正在从我的 iPad 本地浏览我的页面）。从我到目前为止所做的研究来看，似乎要走的路是使用 Google Maps Javascript API。

我的问题是：

是否可以使用 Google Maps Javascript API 在常规图像（而不仅仅是地图）上利用其捏合缩放功能？

我见过的每个示例都设置了一个google.maps.Map对象并指定了纬度/经度。我只需要它适用于<img>我放入<div>. 有谁知道这是否可能，或者知道我可以看的任何例子？或者也许有比使用 Google API 更简单的方法来处理常规图像？

4

2 回答 2

3

您可以查看我的教程以使用 Google 地图进行操作：http: //blog.mikecouturier.com/2011/07/create-zoomable-images-using-google.html

谢谢

于 2011-07-04T11:58:30.993 回答
2

我相信你的选择是相当有限的。但是，如果您可以容忍用户意识到地图位于您的图像下方（因为他们会在每次缩放后看到它一瞬间）然后作为起点，请查看任何技术的答案以预览高清照片，可以像谷歌地图一样放大和缩小。

它假定您从高清图像开始，并且您不想将整个图像完全加载到移动浏览器中，只是为了显示它完全缩小。当您放大时，将加载图像的适当元素（已分解为图块）。

我不相信有一种简单的方法可以将 API 用作图像浏览器，而无需将地图至少隐藏在图像叠加层下的视野之外，但这将为您提供一个起点，至少可以了解是什么（也许是不可能的。

于 2011-06-02T00:03:37.900 回答