2013-03-22 105 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

参考文档,并通过您的问题得到另一种方式,同样的解决方案中

没有内置办法来处理这个问题,因为数据是以预编译图像的形式出现的。

谢谢,