google-maps-api-3 - 谷歌地图 API v3 - 平移工具是命中或错过

Question

我对 Google Maps API v3 有一个奇怪的问题，我以前从未见过......

当用户在 map 上移动光标时，大部分时间是平移手，但偶尔会切换到箭头。它最常发生在 map 上的特定地理区域(尽管它已经发生在其他地方)。当用户在“箭头”模式下单击 map 时， map 图 block 显示为“已选中”并变为蓝色。只有当光标在 map 上显示箭头时用户再次单击，它才会变为非蓝色。

奇怪的是，这只发生在 Firefox、Safari 和 Chrome 中。它不会在 IE9 中发生(我没有检查 IE8)。

它也不会发生在标准的谷歌地图产品中，在 http://maps.google.com .

我的页面还包括其他 html 内容、我使用的与 jQuery 相关联的特定其他 div 等。换句话说，它不仅仅是 map 。我也有一些自定义 CSS，但我不认为 CSS 只会使一组特定的 map 图 block 将箭头更改为可选。

这是我用来加载 map 的 html 和 Javascript ......非常典型的东西:

   var myOptions = {
        center: new google.maps.LatLng(38.955, -94.798),
        zoom: 13,
        minZoom:13,
        maxZoom:23,
        scaleControl:true,
        mapTypeId: google.maps.MapTypeId.ROADMAP
        };

      var map = new google.maps.Map(document.getElementById("map_canvas"),
                myOptions);

有人有任何想法/意见/建议吗？

谢谢!

编辑:这是我正在谈论的蓝色行为的屏幕截图:

screenshot http://maps.lenexa.com/google_maps_blue.png

Answer 1

它是您的 <div>s 之一以 map 的方式:

<div style="left: 50%; top: 50%; width: 10%; height: 10%; z-index: 4;" 
  id="activitySpinner"></div>

我不完全确定它是如何定位的(在 map 上)，但 z-index 令人不安。任何高于 0将其放在 map 上方并获得鼠标悬停。