2

Google Maps API v3 で、これまで見たことのない奇妙な問題が発生しています...

ユーザーがカーソルをマップ上に移動すると、ほとんどの場合パン ハンドになりますが、ときどき矢印に切り替わります。マップ上の特定の地域で最も頻繁に発生します (他の場所でも発生していますが)。ユーザーが「矢印」モードのときにマップをクリックすると、マップ タイルが「選択」されたように表示され、青色に変わります。カーソルが地図上に矢印を表示しているときにユーザーがもう一度クリックした場合にのみ、青が消えます。

奇妙なことに、これは Firefox、Safari、および Chrome でのみ発生します。IE9 では発生しません (IE8 については確認していません)。

また、標準の Google マップ製品 ( 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 に答える