google maps

お店やセミナーを開く場合、サイトにGoogle Mapを表示することがあるかと思います。

Google Mapから標準機能を利用して地図を表示することもできますが、デザインを変更しようとするとカスタマイズが必要になってくるため、知識が無いと対応していくのが難しくなります。

標準の地図の共有方法

実際に取得したGoogle Map

今回紹介する「TCD Google Maps」プラグインを利用すれば簡単にGoogle Mapのスタイルをカスタマイズすることができるようになります。

TCD Google Mapsについて

「TCD Google Maps」は、TCD開発チームが制作したプラグインです。サイトに合わせたおしゃれなデザインのGoogle Mapsを利用したい場合にご利用下さい。

「TCD Google Maps」でこんなことが出来ます！

・デザインが豊富に揃っている（Discreet,Flat pale,Ultra lightなど全10タイプ）
・ショートコードで記事中に簡単に表示できる
・住所を入力するだけで表示
・縦・横サイズ・ズームの調整機能
・ボーダーの表示、非表示
・中央表示の選択

http://design-plus1.com/tcd-w/2016/01/googlemap.htmlより引用

利用方法については作者様のページで詳しく紹介されているので、そちらをご確認ください。

WordPressの公式プラグインになっていますので、管理画面から簡単にインストールすることができるようになっています。

三好 泰史

ダブルドット合同会社　代表社員
Webディレクター
1980年生まれ

　　
大学卒業後、法律事務所にてシステム部の部長として、ホームページを活用してわずか数年で数人規模から数百人規模へと成長させ、その経験を元に、ECサイト制作会社にてディレクターとして小規模から大規模のディレクションを行う。
インターネットになれないWeb担当者や店舗オーナーの方にもインターネットの恩恵を受けられるようにしたいと思い、2015年にダブルドット合同会社を設立。

「デジタルデバイドなくす」をモットーに誰もがインターネットの恩恵を受けられる社会を目指して活動中。

趣味はロードバイクで、休日は晴れていれば基本的に走っています。

http://d2inc.jp

Tweet

Check