MarkerClusterer在IE10中不顯示圖標

Question

如果您在IE10中查看以下示例http://google-maps-utility-library-v3.googlecode.com/svn/tags/markerclusterer/1.0/examples/advanced_example.html，它將顯示點但不顯示集羣圖標。

任何人都知道問題是什麼/如果有修復？

Answer 1

我有同樣的問題，你需要將下面的代碼添加到頁面的頭部內到瀏覽器強行進入IE9模式

<meta http-equiv="X-UA-Compatible" content="IE=9"/> 

如果要顯示IFRAME裏面的地圖，那麼它必須被添加到母版頁。

n.b.您需要關閉並重新打開瀏覽器才能看到地圖正常工作。

欲瞭解更多信息，請參閱this working example。

Answer 2

強制瀏覽器進入IE9模式是不好的做法 - 特別是因爲MarkerClusterer。相反，從這個修改線路956（https://code.google.com/p/google-maps-utility-library-v3/source/browse/trunk/markerclusterer/src/markerclusterer.js?r=110#956）代碼：

if (document.all) { 
    style.push('filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(' + 'sizingMethod=scale,src="' + this.url_ + '");'); 
} else { 
    style.push('background:url(' + this.url_ + ');'); 
} 

要這樣：

style.push('background:url(' + this.url_ + ');'); 

Answer 3

我發現了另一個原因/解決此問題。我正在使用JavaScript的window.location.origin引用地圖標記的圖像。 Internet Explorer（IE）10或更低版本無法訪問此對象，從而導致路徑「未定義」對象。

解決方案：避免使用window.location.origin對象。使用相對路徑或以下腳本：

if (!window.location.origin) { 
     window.location.origin = window.location.protocol + "//" + window.location.hostname + (window.location.port ? ':' + window.location.port: ''); 
    } 

此腳本不是我的，我在互聯網上找到它。希望這可以幫助。乾杯