2013-03-22 45 views
1

我正在使用此示例代碼覆蓋谷歌地圖上的東西。谷歌地圖使模糊效果

<!DOCTYPE HTML> 
<html> 
    <head> 
    <title>Google Map Test</title> 
    <style> 
     html, body { 
     margin: 0; 
     padding: 0; 
     font-family: Helvetica, sans-serif, Arial; 
     } 
     .txt { 
     position: absolute; 
     top: 100px; 
     left: 150px; 
     padding: 30px 50px; 
     text-align: center; 
     font-size: 13px; 
     font-weight: bold; 
     z-index: 99; 
     background-color: #fff; 
     border: 1px solid #ddd; 
     } 
    </style> 
    </head> 
    <body> 
    <div> 
     <iframe src="http://www.apps-tube.com/ip-lookup/google-map.php?xy=14.4673541,78.8241339" scrolling="no" frameborder="no" id="gmap" style="width:746px;height:380px;"></iframe> 
    </div> 
    <div class="txt">Country name</div> 
    </body> 
</html> 

我得到這樣的結果[文本自動blurred]

enter image description here

但我想沒有blur effect像下面的圖片結果。

enter image description here

請幫我消除這種模糊效果。訪問this link作爲示例頁面。

注意:我正在使用谷歌瀏覽器。

+0

我不能說出兩幅圖像之間的區別......你能描述一下你想要做的更多細節嗎? – 2013-03-22 04:52:58

+3

我看不出任何區別 – btevfik 2013-03-22 04:57:14

+1

無意中上傳了相同的圖像? – Jace 2013-03-22 08:04:13

回答

1

Jooxa只是忽略這個錯誤。此問題僅在Google瀏覽器(版本27或更低版​​本)上發生。

1

我已經測試在谷歌瀏覽器克羅默你的代碼,您呼叫map.php在iframe中,

我已經看到你調用地圖的方式,它僅調用圖像(我的意思是它的地圖圖像API ,

你發現使用Google Maps API Web Services

參考文檔,並通過您的問題得到另一種方式,同樣的解決方案中

沒有內置辦法來處理這個問題,因爲數據是以預編譯圖像的形式出現的。

謝謝,