デザイン

WebサイトにGoogleマップを埋め込む時にお世話になった記事たち

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

つまずいたらすぐググる!
日々ネットの向こうの皆様に大変お世話になっております
そんな皆様に、この場をお借りしてお礼を・・(^^)

Googleマップのカラーリングをカスタマイズしたい!

mapcolor

デザインの一部としてGoogleマップを埋め込む場合、デフォルトのままのGoogleマップだとちょっとポップ過ぎるんだよなー・・
そんな時

「Googleマップ 色 カスタマイズ」

そして出会ったのがこちら

KOTORI Blog
GoogleMapsの色を変更する方法

使用するツールの使い方も丁寧に解説してくれてあります。
でも、ツールを使わなくても、公開されているソースをまるっとコピーして必要なところだけ書き換えれば出来ちゃいます。
本当にありがたい・・

KOTORI Blogさん、ありがとうございました!

ホイールスクロールを無効

scroll

マウスホイールでページスクロールしている時に、Googleマップ上に差し掛かるとマップズームの操作になってしまってスクロールの妨げになるアレ。
横幅いっぱいにGoogleマップを表示させてる場合は特に邪魔になる・・
そんな時

「Googleマップ スクロール 無効」

そして出会ったのがこちら

zxcvbnmnbvcxz.com
Google Map api v3 スクロールでの拡大縮小の無効やドラッグの無効等の実施方法

ホイールスクロールでマップズームができるのは便利ではあるけれど、ここでは邪魔なので、scriptにホイールスクロール無効オプションを追加。
スマホの場合もこれをしておくとストレスが1つ減るかもしれませんね。
3年前の記事ですが、ちょっとしたことが助かるんです・・

zxcvbnmnbvcxz.comさん、ありがとうございました!

GoogleマップのAPIキー

error

開発サイトで制作を進めていて、いざ本番ドメインに切り替えて公開!と思ったら、埋め込んだGoogleマップが表示されずエラー・・
そんな時

「Googleマップ エラーが発生しました」

そして出会ったのがこちら

海外在住フリーランスのウェブ制作の豆知識
GoogleマップのAPIキーのエラーが出る時の対処法

2016年6月22日から新規でGooglemapAPIを利用する場合にはAPIキーが必須となったらしく、それが原因でした。
それ以前のものには影響なしとのこと、なるほど。
GoogleマップAPIキーを取得し、手順を踏んで、無事Googleマップが表示されました。
ふ~良かった・・

海外在住フリーランスのウェブ制作の豆知識さん、ありがとうございました!

そんな訳で、日々皆様に助けられるばかりの私ですが、いつか皆様のお役に立てるような記事が書けるように、頑張りたいと思います!

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