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像下图这样的结果。

在此处输入图像描述

请帮我消除这种模糊效果。访问此链接以获取示例页面。

注意：我使用的是谷歌浏览器。

4

2 回答 2

1

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

我已经看到你调用地图的方式，它只调用图像（我的意思是它的地图图像 API，

您找到另一种使用Google Maps API 网络服务的方法

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

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

谢谢，

于 2013-03-22T08:01:20.787 回答
1

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

于 2014-04-01T02:44:15.817 回答