*

【googleガジェット】自分のサイトのアクセスのページとかに自宅からの交通費とかを簡単に調べられるやつを設置 2/2~具体的なhowto~

公開日: : 最終更新日:2013/03/25 how to, ウェブ・ネット・PC(パソコン)

これの続きです。

で、具体的な方法。

説明したgoogleガジェットに、googleの代表的なサービスにgooglemapsももちろんあります。

ガジェットでは無いですが、あらゆるサイト、特に店舗などのサイトにはアクセスマップとしてgooglemapsを使っているサイトが非常に多く見られます。

これは、地図をグラフィックソフトで作成するのがめんどくさいので気軽にサイト内に設置できるのと、最近ではスマホで閲覧する割合も多いのも背景と言えます。

例えばスマホで、近くの美味しいパスタやさんを調べてるとします。(なんかおしゃれなリア充っぽくて癪にさわりますが(# ゚Д゚))

で、そうすると美味しそうな店を発見して、「良し行こう!」となり、どこにあるんだろう、とアクセスページを開きます。

そんな時、そのサイト作成者が良かれと思って、グラフィックソフトで綺麗に書かれた地図が乗っていた場合、その地図を見ながら、えっちらほっちら探しながら行きます。

でも、そこにgoogleMapsがあれば、それをすぐにそれをスマホでクリックするとgoogleMapsアプリが起動し、そしてナビアプリが連携されていて、すぐに経路案内がされます。

どっちがそのお店に行ってくれる確率が高いかは考えるまでもありませんね?

とまあ、それは良いとして、更に。。。

遠くても行きたくなるようなお店

だったりするとき、行きたいのはやまやまだけど

どれくらいの時間がかかるんだろう?

電車賃はうちからどれくらいなんだろう?

って切実な問題が。。。

そんな時に、アクセスページ内にそれらがすぐ調べられるようになっていたら便利だね!

という話で、それにgoogleガジェットのgooglemaps道案内を使うと簡単にサイト内に設置出来ますよ、という話です。

まずは、自分のサイトにガジェット追加「googlemaps道案内」にアクセスして、それぞれ項目を入れていきます。

gadget

目的地のところに、自分の会社や店舗の住所を入れて、下の「コードを取得」をクリックすると、下にコードが出てくるので、それを貼りたい場所にコピペするだけです。

実際に貼り付けたのがこちら

適当に自分の家の住所や最寄り駅とかを入れてみてください。

グイーンと伸びて、マップや経路が出ます。なんかかっこよくない?

基本的に車での移動がデフォルトで出ますが、「電車・飛行機を使う」ってリンクが出るので、それをクリックすると電車賃も調べられたりします。

デザイン的に外枠が要らないときは、出力されたコードの

<script src="//www.gmodules.com/ig/ifr?url=http://hosting.gmodules.com/ig...
(中略)
...country=ALL&amp;border=%23ffffff%7C3px%2C1px+solid+%23999999&amp;output=js"></script>

最後の方の

border=%23ffffff%7C3px%2C1px+solid+%23999999&amp;

って部分が枠になるのでそこを削除すると

ね?なくなったでしょ?

というわけでよろしければやってみてね。

関連記事

【WordPress】WP-PageNaviがデフォルト設定が左寄せだもんで、真中揃えにする方法

WordPressの人気プラグインでWP-PageNaviってやつがあります。 何のプラグイン

記事を読む

【PHP】ユーザーエージェント(UA)から「デバイス(PC,スマホ,タブレット)」「OS」「ブラウザ」を取得する

ユーザーエージェントとは、サイトにアクセスしてきたユーザーの情報を表したものです。 こちらのペ

記事を読む

数億円かかるものを0億円で作っちゃったすごい人を2人発見!

予告inというネット上の犯罪予告を事前に発見するサイトがあります。 これは、 予告.inは2

記事を読む

【jQuery】Chart.jsを使って簡単にカッコイイレーダーチャートを実装するの巻

友達の結婚式のプロフィールムービーが終わって一息ついていた頃。。。 いつもお世話になっている弁

記事を読む

【PHP,WordPress,Contactform7】ユーザーエージェント(UA)から「デバイス(PC,スマホ,タブレット)」「OS」「ブラウザ」を取得する→これをContactform7に実装

ユーザーエージェント(UA)から「デバイス(PC,スマホ,タブレット)」「OS」「ブラウザ」

記事を読む

美女Linuxのブログパーツをこのブログに入れた。そんだけ。。。

このブログもいろいろ寂しいので、少しでも華やかにしようかなと思いまして。。。 美女Li

記事を読む

注文住宅(マイホーム)購入ならスーモカウンターがおすすめ(賛否あるけど) 1/3

注文住宅紹介サービス「スーモカウンター」とは? 現在注文住宅を建てようと計画中です。 貧

記事を読む

zenbookのACアダブターを間違えて買ったので、プラグだけ買って作り直すの巻

zenbookかっちょいいですね!MacBook Airのパクリインスパイア系のウルトラブッ

記事を読む

「chikirin.com」「chikirin.net」ドメイン取ったよ!

電車が混雑していたらお年寄りに席を譲りましょう。 ってことで席を譲ると、「あたしゃ年寄りじゃな

記事を読む

【PHP】メールフォーム 一度入力した内容が消えてしまう時 POST使って入力内容を保持 ~メールフォームパッケージダウンロードあり~

前に、 【PHP】スマホ対応 メールフォーム設置 PEARを使ってgmailのsmtpサーバで

記事を読む

Message

メールアドレスが公開されることはありません。

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

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

  • 高橋拓郎歳)
    愛知県知多市生まれ。
    大学在学中に個人で始めた事業を、大学院中退後法人化(法人化のために中退が正しいかも)。
    簡単にコンタクトとれるのでt@takuro.infoまで何か御用があればなんなりと。
    ブログの感想やご意見も大歓迎です!
人生はサウナ理論~結婚するあなたへ~

人生はサウナ理論。 というのを、敬愛するさんちゃんの名言「生きて

新紙幣とディープインパクトの単勝馬券

僕は大学生になり、そして20歳になった時に、それまで未成年で禁止されて

e-taxでの確定申告のもにょもにょ(noteからの転載)

この記事は2016年にnoteに投稿した記事の転載です。 ちょう

【感想】Netflixオリジナルドラマ『Jimmy〜アホみたいなホンマの話〜』 オクレさんもはや本人でしょ??

Netflixオリジナルドラマ『Jimmy〜アホみたいなホンマの話〜』

【javaScript】2017年版 法人税実効税率 シミュレーション 自動計算機(コードも置いとくね)

今日は4/3だからこれは嘘じゃないよ!! 法人税実効税率

→もっと見る

PAGE TOP ↑