Webの記録

Google Mapの吹き出しを消してみた

投稿日:2014年2月14日 更新日:

この記事は約 2 分で読めます。

map_mini
Google Mapをサイトに表示させる方法は、たくさんあると思います。
単純にGoogleMapを開いて、「ウェブサイトへの地図埋め込み用 HTMLコード」をそのまま貼りつけた場合に、吹き出しが切れてしまう事ありませんか?
そんな時に、吹き出しだけ消えたらいいなぁと思っていたら、とても簡単だったのでメモです。


カスタマイズイメージ

単純にGoogle Mapで貼りつけたい地図の住所を入力してHTMLコードが出てきます。コレをそのまま貼りつけて、ほんの少しだけコードを足します。

gm_1

【カスタマイズ前】地図の上部に吹き出しが切れたカタチで表示されています。

map_before


【カスタマイズ後】切れた吹き出しが消えました

map_after


カスタマイズ方法

Google Mapの埋め込み用HTMLコードの以下の位置にコードを足します。

20140214

//追加するコードはこれだけです。
&iwloc=B


スペースが小さい所に地図を付ける場合に便利です!


GoogleMap関連の過去記事

-Webの記録
-,

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

This blog is kept spam free by WP-SpamFree.

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

関連記事

no image

WordPress 「IE6 No More」プラグインでアラートを表示させてみた。

この記事は約 1 分で読めます。 IE6ブラウザで見た時だけ、バージョンアップを案内する表示をさせたいと思います。 幾つかWordpressのプラグインで見つけたのですが、表示が上手くいかないものもあ …

no image

コピペで簡単にできるレスポンシブ対応GoogleMapの設置方法

この記事は約 1 分で読めます。 ショップなどのサイトだと、地図は必須ツール。GoogleMapを利用する機会が多いです。 今回、スマホ対応サイトでGoogleMapを設置する機会がありました。 細か …

no image

スマホ用サイトに「LINEで送る」ボタンを設置してみる

この記事は約 1 分で読めます。 スマホ向けに情報を発信しているサイトなど、あると便利なシェアボタン。 いつの間にかに「LINEで送る」ボタンが出来ていたのですね。 ひとまず自分用に記述方法を2種類メ …

no image

Yahoo!アクセス解析を設定してみました!

この記事は約 1 分で読めます。 2013年10月30日にリリースされた「Yahoo!アクセス解析」。 まだまだリリースされて日が浅いのでGoogle Analyticsほどの資料が見つからないのです …

no image

WordPressプラグイン「WP-Copyright-Protection」で右クリック・ドラック禁止でコピーガード

この記事は約 1 分で読めます。 以前、「右クリック禁止で画像のコピーガード」など、画像のお持ち帰りを禁止したい措置について記事を書きました。 3年ほど前の記事にもかかわらず、今も毎日閲覧数が多いです …