zoukankan      html  css  js  c++  java
  • 中国地区调用 Google Map API 以及 Google Map 更新后使用滚轮缩放的问题

      正常情况下,调用 Google Map API 的方法如下:

    1 <script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY">

      但是对于中国地区来说,因为某些原因,正常调用 Google Map API 的方法不适用;对此,Google Map 官方指南也给出了解决办法:

    1 <script src="http://maps.google.cn/maps/api/js?key=YOUR_API_KEY">

      滚轮缩放问题:

        近期,Google Map 的滚轮缩放功能变成了 “ 按住ctrl并滚动鼠标滑轮才可缩放地图 ”。

      经查阅文档,该更新是 Google Map 官方为了解决 Google Map 在移动端上面的操作 bug(在移动网络上,如果用户滑动手指滚动页面时地图却意外地平移,会很令人恼火)。

      Google Maps JavaScript API 在 MapOptions 对象中提供了一个 gestureHandling 选项,可以利用它来优化用户与地图的交互体验。可供选择的值如下:

        greedy:当用户在屏幕上滑动(拖动)时,地图一律平移(上下、左右)。换言之,单指滑动和双指滑动都会使地图平移。

        cooperative:用户必须单指滑动来滚动页面,双指滑动来平移地图。如果用户单指滑动地图,地图上会出现一个叠加项,其中包含的提示会指示用户使用双指来移动地图。

        none:无法对地图执行平移或双指张合操作。

        auto(默认值):根据页面是否可以滚动采用 cooperative 或 greedy 行为。更详细地讲:如果选项是 auto,API 将根据不同条件选择以下行为:

        cooperative,前提是页面主体大于窗口,或者 API 无法确定页面大小(例如,当页面在 iframe 之内时)。

        greedy,前提是页面主体不大于窗口,因此用户不太可能需要滚动。

      因此,将 gestureHandling 设为 greedy 即可。

        另一种方法是:

        在引入js文件的时候加上版本号。

       

  • 相关阅读:
    Performance and Design
    返回数组中不重复的元素
    IE的button元素bug
    (转)Google Closure: 糟糕的JavaScript
    Why do we have an IMG element?
    About this and that
    C#中的Attribute
    C#检查字体是否存储,以及安装
    ZipFile压缩文件后,解压文件后有多层目录的处理方法
    Office系列在线预览
  • 原文地址:https://www.cnblogs.com/luswei/p/7473398.html
Copyright © 2011-2022 走看看