文章/答案/技术大牛

发布

问谷歌地图制作模糊效果
EN

Stack Overflow用户

提问于 2013-03-22 12:01:18

回答 2查看 1.1K关注 0票数 1

我正在使用这个示例代码在Google地图上覆盖一些东西。

<!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

但我想要不带blur effect的结果，如下图所示。

请帮我去掉这个模糊效果。有关示例页面，请访问this link。

注意:我使用的是Google Chrome。

javascript

html

css

google-maps

回答 2

Stack Overflow用户

回答已采纳

发布于 2014-04-01 10:44:16

Jooxa忽略这个错误。此问题仅在Google浏览器(版本27或更低版本)上发生。

票数 1

Stack Overflow用户

发布于 2013-03-22 16:01:21

我已经在Google Crome浏览器中测试了你的代码，你在iframe中调用map.php，

我见过你调用map的方式，它只调用图像(我指的是它的map Image API，

您可以找到另一种使用Google Maps API Web Services的方法

参考文档并解决您的问题，

在相同的解决方案中，没有内置的方法来处理这个问题，因为数据是以预编译图像的形式出现的。

谢谢,

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/15562502

复制

相似问题

问谷歌地图制作模糊效果
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问谷歌地图制作模糊效果EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问谷歌地图制作模糊效果
EN