BLOG

住所からGoogle Mapへのリンクを取得したい

| WEBサービスWordPress

企業サイトや、ブログなどGoogleMapへのリンクは高頻度で使われる方もいると思います。
いちいち、GoogleMapで場所を見つけて共有からリンクを取得するのは結構面倒な作業です。
なので簡単にリンクを貼れるようなのをばちょっとだけ紹介。

// functions.php
// @param $address = 住所 or 場所の名前
// @param $zoom = サイズ
function get_googlemap_url($address){
  $address = urlencode($address);
  $zoom = 15;
  return "http://maps.google.co.jp/maps?q={$address}&z={$zoom}";
}
// リンク
<a href="<?= get_googlemap_url('ユニバーサルスタジオジャパン') ?>" target="_blank">Google Mapで見る</a>

functions.phpにコピペしていただいてあとはリンクを貼ります。
簡単ですよね。
ブログの記事とかで使いたい場合はfunctions.phpに少し変更してショートコードで使えるようにしておくと便利です。

// functions.php
function get_googlemap_url($address){
  $address = urlencode($address[0]);
  $zoom = 15;
  return "http://maps.google.co.jp/maps?q={$address}&z={$zoom}";
}

add_shortcode('get_googlemap_link', 'get_googlemap_url');
// ショートコード
[get_googlemap_link "ユニバーサルスタジオジャパン"]

WordPressでの書き方を書きましたが、普通にPHPで書く場合はfunctions.phpみたいなものをつくって全ページにインクルードしておいてやるといいかもですね。
そのページだけって言うならそのページに関数を追加するだけで問題はないと思います。

RECENT POSTS

WordPressでIDから本文を取得する

[PHP] 配列内の空白を削除「array_filter」「array_diff」

[PHP] 配列内の同じ値をまとめる「array_unique」

WordPressのカスタムフィールドでソートする

連想配列から特定の値を取得して配列にいれちゃうってやつ

JavaScriptで取得するGETの値

【CSS】text-decorationのカスタマイズができるの知ってた?

CSSでフッターの下に隙間ができないように調整する

「reduce」を使って配列を値を処理する

data属性の取得・設定・更新【JavaScript】

CATEGORY

POPULAR POSTS

PAGE TOP