2

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

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

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

在http://maps.google.com上的标准谷歌地图产品中也不会发生这种情况。

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

这是我用来加载地图的 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);

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

谢谢！

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

截图 http://maps.lenexa.com/google_maps_blue.png

4

1 回答 1

3

这是您<div>s的地图之一：

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

我不完全确定它是如何定位的（在地图上），但 z-index 令人不安。上面的任何内容0都将其置于地图上方并获得鼠标悬停。

于 2012-05-02T16:08:03.983 回答