Googleマップのカスタマイズがお手軽簡単にできる「EZ Map」を丁寧に説明します - イケメン息子とぐうたら猫の成長見守りブログ
皆様、こんにちは。 本日は埋め込み用Googleマップのデザインカスタマイズについてのエントリーを書きます。 私はブログを書いていますが、企業や個人のWebサイトでも地図の表示のためにGoogleマップを貼り付ける機会って結構あると思います。普通に貼ることもできますが、Webサイトの雰囲気と合ってなかったりして残念なことってありませんか？ というわけで、せっかくなのでサイトとマッチするデザインにして貼り付けちゃいましょう！オリジナルな雰囲気も出るので、他の人から見られたときに結構目に留まると思いますよ。 カスタマイズのやり方も色んなところでも載っていますけど、今まではステップが多かったりプログラムの知識が多少必要だったりすることが多かったです。今回は「EZ Map」というWebブラウザ上で簡単にカスタマイズのコード生成ができるツールができたのでそちらのやり方を説明したいと思います。 手順に
ものっすごい簡単にGoogleマップAPIを操作出来るjQueryGoogleMAPプラグイン
タイトルで全部言っちゃってる気がしないではないですが、WebサイトにGoogleMAPを設置して、色々と簡単にAPIを叩けるプラグインです。 ちなみにこの記事の為にこのjQueryプラグインを読み込むなんてことはしておりませんので、説明で使用しているMAPは全てキャプチャー画像です。本来なら、ぐりぐりと拡大縮小出来るあのMAPを貼り付ける事が出来ます。気になる方は、最後に紹介するチュートリアルページをご覧になっていただければ、わかると思います。 まずは呼び出し 基本の呼び出し。 まずはページのどっかに書いて読み込みましょう。 <script src="javascripts/jquery.js"></script> <script type="text/javascript" src="//www.google.fr/jsapi"></script> <script type="text/
Googleマップのカスタマイズに挑戦してみた！
今回は初めてGoogleマップのカスタマイズに挑戦したので、備忘録としてやり方をまとめました。 カスタマイズできると知ってはいるけど難しそうで試したことない人も多いはず…そんな方は是非チェックしてみてください！ それではどうぞ！ Googleマップのカスタマイズをする意味 実店舗があるお店のサイトにとって、そのお店の行き方や場所が分かるマップは重要なコンテンツだと思います。初めてお店に行きたい時に、サイトにマップがあるととても分かりやすいですよね！ そんな時よく使われるのがGoogleマップです。ただサイトによってはマップとサイトデザインがあっておらず違和感を感じる場合もあります。 デザインをあわせるためにオリジナルの地図画像を作るという手もありますが、道が変更されたり、目印のお店が無くなったりするたびに変更しないといけないので正直あまり実用的ではありません。そこでオススメしたいのが、Go
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
