0

リンクをクリックすると、静的な Google マップをファンシーボックス/ライトボックスに読み込もうとしています。私のコードは

<a href="http://maps.googleapis.com/maps/api/staticmap?
 zoom=13&size=400x400&markers=color:blue|32,50&sensor=true"><img src="icon.png" /></a>

しかし、表示されず、iframe は空のままです。これは、マップが IMG 要素の src として読み込まれることになっているためだと思いますよね?

この問題を解決する方法はありますか?

別の方法として、viframe で通常の Google マップを開くこともできますが、常に 2 つのマーカーが表示されます。1 つはその場所にあり、もう 1 つは Google による「最良の推測」です。その「最良の推測」マーカーを削除する方法はありますか? 例については、 http://blog.felixsalomon.netを参照してください。最初の投稿のタイトルの横にある小さな地図アイコンをクリックしてください。

ありがとう！

4

1 に答える 1

2

静的マップ (Google Static Map APIを使用) は、通常の画像としてレンダリングできます。

あなたのリンク以来：

<a class="fancybox" href="http://maps.googleapis.com/maps/api/staticmap?zoom=13&size=400x400&markers=color:blue|32,50&sensor=true"><img src="icon.png" /></a>

...これがimage（画像拡張子がないため）fancyboxに通知しないため、次typeのように処理する必要があるコンテンツfancyboxを強制する必要があります：

$(".fancybox").fancybox({
    "type":"image"
});

アンカーに追加class="fancybox"したので、fancybox をそのセレクターにバインドできることに注意してください。

JSFIDDLEを参照してください(fancybox v1.3.4 を使用)

編集: ファンシーボックス WP プラグインを使用しているため、代わりimageに、URL の末尾にあるアンカーに拡張子を追加し&filename=image.jpgて、たとえば ... を追加して、完全な URL が次のようになるようにすることもできます。

href="http://maps.googleapis.com/maps/api/staticmap?zoom=13&size=400x400&markers=color:blue|32,50&sensor=true&filename=image.jpg"

これを行う場合、Easyfancybox スクリプトを編集する必要はありません。更新された JSFIDDLE を確認する

于 2013-02-20T04:00:27.587 に答える