WordPressの勉強がてら

WordPressの初心者が独学でホームページ作成したときの技術メモ

WordPressの勉強がてら

GoogleMapへのリンクを住所で貼るときに失敗したこと

      2015/06/03

ホームページ上からGoogleMap上に指定した住所へリンクを貼った時に軽くトラブったのでメモ。

 

下記の書き方だとIEで正常に動作しない

これ。

<a href=”https://maps.google.co.jp/maps?q=ここに住所”>リンク</a>

この記述だと、chromeやFirefoxなどのブラウザでは正常に指定した地図が表示されるけどIEだと日本全体が表示されたりしました。

IEのチェック不足で納めたあとに指摘されてしまいました。見た目まではチェックするけどリンク先までチェックできてなかった(いいわけです)。

 

リンク先URLに「search」を指定

で、下記に修正。

<a href=”https://maps.google.co.jp/maps/search/ここに住所”>リンク</a>

「住所を指定」って言うより「この住所で検索」って感じになるけど。まあ、いいか。座標で指定してもいいんだろうけどこっちにしとく。

すぐ対応できてよかったよかった。

 

 

 - その他Tips

  • このエントリーをはてなブックマークに追加

  関連記事

Google Analytics で特定のIPアドレスからのアクセスを除外する

Google Analytics でアクセス解析したいとき、管理者からのアクセス …

PhotoShopを使って背景の邪魔な物体を簡単に削除する

PhotoShopの初心者の私です。今回、画像に写っている邪魔な物体を削除するの …

ファイルを解凍してくれるサイト

ファイルを解凍するとき通常解凍ソフトを使って解凍します。 しかし最近はいろんな圧 …

クリップボードの履歴を保存できるフリーソフト

「Ctrl+C」 でクリップボードにコピーできるのは通常1つで、1つ前にコピーし …

Google AdSenseを導入してみた

Google AdSenseを導入したので手順のメモ。Google Adsens …

パスワード自動生成サイト

WordPressのセキュリティ強化のため、adminユーザを削除してパスワード …

HPに各スタッフのアメブロのタイトルを新着順に表示させる

あるお店の各スタッフのアメーバブログの更新情報をホームページに乗せることになり、 …

page plugin(facebook埋め込み)をレスポンシブ対応する

2015年6月にfacebookをwebサイトに埋め込むには「like box」 …

Adobe Bridgeで画像ファイルの名前を一括変換する方法

デジカメの画像データなどファイル名を管理する時、「好きな名前」+「通し番号」を付 …

bootstrapのグリッドレイアウトだけ使うのが好き

bootstrap便利です。WEB製作でレスポンシブ対応するときこれを使ってます …