*

【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;

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


ね?なくなったでしょ?


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

関連記事

EPSON LP-7000C カウンター リセット で引っかかれ

友達にLP-S6500ってエプソンのプリンターのリセット方法を調べろとの事で調べたら中々出てこない。

記事を読む

iPhone5水没 エクスプレス交換サービスで秒速で4,400円(税込)で新品に変わる~AppleCareにより~

今日も元気だ!お酒が旨い。 というわけで尿路結石の激痛で死にかけたのはどこ吹く風と暴飲暴食をし

記事を読む

【PHP】曜日と時間を検出して、いつまでに対応するかを表示する

営業時間中であれば、お問合わせいただいてから何分以内に対応しますよという文句を自動で表示したい。

記事を読む

起業するときにおすすめのサービス【PCFAXでペーパーレス】 02

前回のやつ 前回の流れから、ミニマムに商売をはじめるためのおすすめのサービスの紹介です。

記事を読む

【バーチャルホスト】サブドメイン・DNSの設定覚書 概要編

サブドメインをやろうと思いました。 サブドメインをやる目的は自分のサイトがexam

記事を読む

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

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

記事を読む

Dropbox proが1TBで1,200円/月(年払い12,000円)とかいうギャグで、クラウドでバックアップツールとして最強過ぎる件 世代管理もできるという

クラウドストレージの老舗Dropboxがギャグを展開中(笑) Dropbox / IN 30

記事を読む

【MVNO】auからMNP(モバイルナンバーポータビリティ)で今話題の格安sim(YAMADA sim)に乗り換えた

前の記事からの続きです。 【simフリー端末】asus「ZenFone 5 (A500KL)」

記事を読む

【WordPress】プラグインBackWPupを3.1.2にアプデしたらDropboxに保存するときにERROR: Dropbox API: (59) ってエラーが出た時の対処法

バックアップと親孝行は後悔した時には遅いので出来るうちにしておけ! という名言がないとかないと

記事を読む

【PHP】時間を扱うときはdate_default_timezone_set(‘Asia/Tokyo’);を入れよう

タイトルそのまんま。そんだけ。 日本国内のサービスでphpで時間を扱うときは、サーバの設定いじ

記事を読む

Message

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

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

  • 高橋拓郎(32歳)
    愛知県知多市生まれ。
    大学在学中に個人で始めた事業を、大学院中退後法人化(法人化のために中退が正しいかも)。
    簡単にコンタクトとれるのでt@takuro.infoまで何か御用があればなんなりと。
    ブログの感想やご意見も大歓迎です!
【javaScript】2017年版 法人税実効税率 自動計算機(コードも置いとくね)

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

【ユーザー車検】軽トラを無料でGETしたけど車検代が無いから初の軽自動車ユーザー車検に挑戦!

青春カーと悲しい別れ どうも。貧乏が板に付いてきて久しい僕で

【LINEbot】LINEbotが作れるからphpで作ってみたの巻 ~さくらの共有SSLでも動くよ~

BOT API Trial Accountってのが、公開されたので、L

【電気自動車】日産リーフの無料モニターに当選して2週間使ってみたけれども。。。結論的に購入は時期尚早??

どうも。実写版とってもラッキーマンこと僕です! とっても!ラッキ

追尾メニューのAdSense削除の件

このサイトへのお問い合わせで、以下のような内容のご指摘を頂きました。

→もっと見る

PAGE TOP ↑