【googleガジェット】自分のサイトのアクセスのページとかに自宅からの交通費とかを簡単に調べられるやつを設置 2/2~具体的なhowto~
公開日:
:
最終更新日:2013/03/25
how to, ウェブ・ネット・PC(パソコン)
これの続きです。
で、具体的な方法。
説明したgoogleガジェットに、googleの代表的なサービスにgooglemapsももちろんあります。
ガジェットでは無いですが、あらゆるサイト、特に店舗などのサイトにはアクセスマップとしてgooglemapsを使っているサイトが非常に多く見られます。
これは、地図をグラフィックソフトで作成するのがめんどくさいので気軽にサイト内に設置できるのと、最近ではスマホで閲覧する割合も多いのも背景と言えます。
例えばスマホで、近くの美味しいパスタやさんを調べてるとします。(なんかおしゃれなリア充っぽくて癪にさわりますが(# ゚Д゚))
で、そうすると美味しそうな店を発見して、「良し行こう!」となり、どこにあるんだろう、とアクセスページを開きます。
そんな時、そのサイト作成者が良かれと思って、グラフィックソフトで綺麗に書かれた地図が乗っていた場合、その地図を見ながら、えっちらほっちら探しながら行きます。
でも、そこにgoogleMapsがあれば、それをすぐにそれをスマホでクリックするとgoogleMapsアプリが起動し、そしてナビアプリが連携されていて、すぐに経路案内がされます。
どっちがそのお店に行ってくれる確率が高いかは考えるまでもありませんね?
とまあ、それは良いとして、更に。。。
遠くても行きたくなるようなお店
だったりするとき、行きたいのはやまやまだけど
どれくらいの時間がかかるんだろう?
電車賃はうちからどれくらいなんだろう?
って切実な問題が。。。
そんな時に、アクセスページ内にそれらがすぐ調べられるようになっていたら便利だね!
という話で、それにgoogleガジェットのgooglemaps道案内を使うと簡単にサイト内に設置出来ますよ、という話です。
まずは、自分のサイトにガジェット追加「googlemaps道案内」にアクセスして、それぞれ項目を入れていきます。
目的地のところに、自分の会社や店舗の住所を入れて、下の「コードを取得」をクリックすると、下にコードが出てくるので、それを貼りたい場所にコピペするだけです。
実際に貼り付けたのがこちら
適当に自分の家の住所や最寄り駅とかを入れてみてください。
グイーンと伸びて、マップや経路が出ます。なんかかっこよくない?
基本的に車での移動がデフォルトで出ますが、「電車・飛行機を使う」ってリンクが出るので、それをクリックすると電車賃も調べられたりします。
デザイン的に外枠が要らないときは、出力されたコードの
<script src="//www.gmodules.com/ig/ifr?url=http://hosting.gmodules.com/ig... (中略) ...country=ALL&border=%23ffffff%7C3px%2C1px+solid+%23999999&output=js"></script>
最後の方の
border=%23ffffff%7C3px%2C1px+solid+%23999999&
って部分が枠になるのでそこを削除すると
ね?なくなったでしょ?
というわけでよろしければやってみてね。
関連記事
-
-
会社を作ったら郵便局に集荷してもらったり銀行引き落とししてもらえるようになろう!
おすすめのサービス 01 おすすめのサービス 02 これの続きっぽい感じ。
-
-
iPhone5水没 エクスプレス交換サービスで秒速で4,400円(税込)で新品に変わる~AppleCareにより~
今日も元気だ!お酒が旨い。 というわけで尿路結石の激痛で死にかけたのはどこ吹く風と暴飲暴食をし
-
-
【WordPress】WP-PageNaviがデフォルト設定が左寄せだもんで、真中揃えにする方法
WordPressの人気プラグインでWP-PageNaviってやつがあります。 何のプラグイン
-
-
【simフリー端末】asus「ZenFone 5 (A500KL)」をキャンペーンで無料GETしたけど。。。auのiPhone simでは使えず(;O;)
どうも、ラッキーマンよろしくのとてつもないツキを持った男ことボクです。 とっても! ラッキーマ
-
-
SDカードからデジカメで撮影した写真が消えてしまった時の復元方法~データ削除したけど実際には消えていない?~
恋人への愛してるとバックアップは定期的に という有名な格言がなかったりなかったりしますが、バッ
-
-
【apacheモジュール】mod_pagespeedのキャッシュの削除の仕方
あいも変わらずgoogle先生はとんでもないものを作りますね!! インストールするだけ! お手
-
-
注文住宅(マイホーム)購入ならスーモカウンターがおすすめ(賛否あるけど) 2/3
注文住宅(マイホーム)購入ならスーモカウンターがおすすめ(賛否あるけど) 1/3
-
-
【CentOS,vsftp,Linux(UNIX)】FTPユーザーアカウントの作成とディレクトリのアクセス制限覚書
外注先にサイトの作成やシステムの構築などを依頼する場合に、特定のディレクトリ(フォルダ)以外にアクセ
-
-
【訴状雛形(ワード)あり】少額訴訟のすゝめ 「少額訴訟の訴状テンプレート(ダウンロード)」~裁判と仲良しになろう~
お金が払ってもらえない時どうする? フリーランスとして活動されているウェブ屋さんや、ス
-
-
【PHP,WordPress,Contactform7】ユーザーエージェント(UA)から「デバイス(PC,スマホ,タブレット)」「OS」「ブラウザ」を取得する→これをContactform7に実装
ユーザーエージェント(UA)から「デバイス(PC,スマホ,タブレット)」「OS」「ブラウザ」