2012-05-02 3 views
2

私は私が前に見たことがないGoogleマップAPI v3にと好奇心の問題を抱えている...Googleマップ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); 

誰もが任意の考え/コメント/提案を持っていますか?

ありがとうございます!

編集:ここで私が話しています青行動のスクリーンショットです:

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

+0

IE9ではカーソルが変更されません。まだ手のように振る舞いますか? CSS *は、地図の前に何かを置いたり、カーソルを直接変更することで地図の動作を変更することができます。あなたのスニペットには、それを行うものは何もありません。リンクが必要かもしれませんが、私はあなたの実装に固有のものだと思います。 –

+0

庭のバラエティー豊かな地図作成。私は 'maxZoom'と' minZoom'を実際に使ったことはありませんので、マップ上に置いておきます。提供できるマップのURLはありますか? –

+0

私はマップ上で 'maxZoom'と' minZoom'を使いこなしましたが、あなたのようなものは表示されません。 DOMの重複や多少のCSS名の衝突があるかもしれないと思いますが、あなたはすでにそれらの可能性を考えていたでしょう。あなたがリンクを提供できるなら、私は見てみることができますが、そうでなければ私は役に立たない何かを追加することはできません。 –

答えて

3

それはマップの方法であなたの<div>sの一つだ:

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

私は」それがどのように(マップ上に)配置されているかは完全にはわかりませんが、Z-インデックスはものを混乱させています。 0を超えるものはマップの上に置き、マウスオーバーします。

+0

うん、そうだった。ありがとう! – jdb1a1

関連する問題