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

Facebookで友達が始めたアプリのリクエストをブロックする方法

この記事は約 1 分で読めます。 Facebookで友達が何かのアプリを始めた時、関係のない自分にまでリクエストがくる事があります。 よく言われる「スパムアプリ」なんだけれど、最近特に多いのが「マイカ …

no image

苦手なJavaScriptをイチから勉強してみる【JavaScriptを外部ファイルにする】

この記事は約 1 分で読めます。 苦手なJavaScriptをイチから勉強してみる【関数編】の続きとしてメモします。 イチから「JavaScript」を学び直しをする為に記録を残しています。少しずつメ …

no image

Facebook タイムラインのカバー画像を設定してみた♪

この記事は約 1 分で読めます。 Facebookのタイムラインが登場して、少し経ちます。 カッコイイ画像をカバー画像にされている方もお見かけするのですが、私はまだ画像がしっくり決まらずジタバタしてい …

no image

WordPress 「contact form 7」と「Akismet」でスパムメール対策をしてみた。

この記事は約 1 分で読めます。 このサイトでは、「お問い合せ」のページに「contact form 7」というプラグインを使用しています。 コメントスパム対策にWordpressにデフォルトで入って …

no image

JavaScriptオンオフの設定と確認。

この記事は約 2 分で読めます。 最近「jQuery」が面白くていろいろ試していますが、JacaScriptがオフ環境ではあんまり意味のないモノになっています。 全くWebの知識がない人にとって、Ja …