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しかし、下の画像のようなものなしで結果が欲しいです。

ここに画像の説明を入力

このぼかし効果を取り除くのを手伝ってください。サンプルページについては、このリンクにアクセスしてください。

注: Google Chrome を使用しています。

4

2 に答える 2

1

Jooxa はこのエラーを無視します。この問題は、Google ブラウザ (バージョン 27 以下) でのみ発生します。

于 2014-04-01T02:44:15.817 に答える
1

Google Chrome ブラウザでコードをテストしました。iframeでmap.php を呼び出しています。

私はあなたがマップを呼び出す方法を見てきました.

Google Maps API Web サービスを使用して別の方法を見つける

ドキュメントを参照して問題を解決し、

同じソリューション内では、データが事前にコンパイルされたイメージの形式で提供されるため、この問題に対処する組み込みの方法はありません。

ありがとうございました、

于 2013-03-22T08:01:20.787 に答える