2012-02-08 18 views
1

私はカスタム画像でマーカーを表示する地図上で作業しています。 イメージは正しく表示されますが、何らかの理由でIE8でサイトを開いたときにイメージがそれに応じてサイズ変更されません。Google maps v3:IE8でMarkerImageが縮尺されていません

私の画像は64x64pxで、24x24pxにします。

これは私が使用しているコードです:

var icon = new google.maps.MarkerImage(iconUrl); 
    icon.size = new google.maps.Size(24,24); 
    icon.scaledSize = new google.maps.Size(24,24); 
    var marker = new google.maps.Marker({ position: position, title: title, icon: icon }); 
    marker.setMap(mb.map.mapObject); 

それは、Chromeで完璧に動作しますが、IE8は、単にscaledSizeプロパティを無視します。 コンストラクタの使用も試しましたが、同じ結果が得られます。

誰もこの問題を以前に見たことがありますか?それは既知のバグですか? CSSをハックしてそこにサイズを設定する以外に何ができるのですか?

ありがとうございます!

編集:IE9でテストしたところ、問題なく動作しました。

+0

あなたのページの頭には、これらの行 '<!DOCTYPE html PUBLIC" - // W3C // DTD XHTML 1.0 Transitional // EN "" http://www.w3.org/TR/xhtml1/DTD /xhtml1-transitional.dtd "> –

+0

私はdoctypeが<!DOCTYPE html> なのでHTML5を使用しています。なぜですか? – willvv

+0

これはCSSといくつかのHTMLタグをサポートするために使用されているためです。 私はすでにこのような問題に直面しており、これを行うことで解決します。 –

答えて

1

IE8を使用しているときに同じ問題が発生しました。 MarkerImagesはもうスケーリングされません...私は既にGoogleにバグレポートを送っています。 回避策:旧バージョンのGoogleマップ(現在のバージョン3.7ではなく)を使用してください。ここでは、コードです:<script type="text/javascript" src="http://maps.google.com/maps/api/js?v=3.6&sensor=false"></script>

+0

バージョン3.7ではChromeと非常によく似ています。私の回避策は、以前のように 'scaledSize'に自分のサイズを渡すことでしたが、 'size'引数にはnullを渡しました。 – HulkHolden

1

私たちの課題追跡にバグを超えるファイルしてください: http://code.google.com/p/gmaps-api-issues

また、あなたがそれを提出します一度この回答への返信を投稿するので、私はバグを追跡することができますしてください。

+0

ありがとうございます。私はちょうど応答を見た(私はスタイルで回避策を使用した)。レポートへのリンクが付いた別の回答があります。 – willvv

1

今日はMac用Chromeでもこの問題が発生しました。 3.6に戻って、今のところ固定しました。これは間違いなくバグです。私はそれもGoogleに提出した。

+0

提出したバグは次のとおりです。https://code.google.com/p/gmaps-api-issues/issues/detail?id=3908 – daresayer

関連する問題