レスポンシブWEBデザインコメントを書くこまごまとたくさんいろんなことを更新し続けているGoogleMapさんですが、先日ストリートビューを表示していた箇所でちょっとしたバグが見られました。users3分でプロット・マッピング!エクセル顧客住所をGoogleマップの地図上に無料表示するいいね!が300を超えそうです。GoogleMapの「リンクを共有」「地図を埋め込む」を利用する際に出てくる「この地図は自分専用です」の意味GoogleMapのストリートビュー表示画面が要素の上に回ってしまう場合スマートフォン表示をするときに、インクループではよくこんな感じに電話番号やメールフォームといったコンタクト系のアイコンや、ライン、フェイスブック、ツイッターといったSNSアイコンを並べて、クリック一つで対象のリンクに飛べるようにしています。GoogleMapさんの表示タイプは、地図タイプとストリートビューと大きく分けて二つあります。地図タイプを埋め込む場合は問題なかったのですが、ストリートビューで表示したときに、どうもこのアイコンを並べている場所の上を通ってしまうようなんですね。これはアイコンを並べている場所に〔z-index:1;〕を入れるだけで即解決する問題でした。以下のような感じですね。class="icon-phone"></span></a></div></div></div>アップデート毎にこまかな注意が必要ですね。前にlightboxタイプのスクリプトを使用した可変グリッドレイアウト、タイル状のギャラリーのトップデザインが魅力的な、Wordpressテーマのお話をしました。user【Photoshop】複数、多量の画像を一度、一括で処理する方法Wordpressのテーマにこういうのがあります。http://wp-shotoku.com/可変グリッドレイアウト、あるいはリキッドレイアウト、フレキシブルレイアウト、と呼ばれています。...このタイプのスクリプトとGoogleMapは、純粋に表示する画面の重さゆえに相性が悪いものが多いです。ギャラリー量が多ければ多いほど、挙動がふわふわします。スマートフォンでの表示は絶望的で、重さに耐えきれずアプリが強制終了することになるのでご注意ください......気づかないでしばらく苦しんでいました。Lightboxタイプのギャラリーは、別ページにリンクを飛ばすのではなく、その一ページ上で大量の情報を展開するため、あまり数多く利用すると、PCでは生きていてもスマートフォンで死ぬケースが多いようです。ギャラリー10枚に対しすべてのフォトに詳細をつけて、GoogleMapさんを埋め込む、なんてことになると身動きとれなくなっちゃうようです。GoogleMapをフルで利用する際にはAPIキーが必要になっています2016年6月22日より、新規でサイトを制作してGoogleMapを表示する場合には、APIキーが必要になりました。(API)あるプログラムやソフトウェアなどの機能やデータを、外部の他のプログラムから呼び出して利用するための、手順やデータ形式を定めた規約そもそもAPIキーってなんぞ、といいますと、扉と扉を繋ぐ鍵みたいなものです。ウェブサイトという部屋とGoogleMapという部屋つなげる鍵です。いちいちAPIキーとか取得しなくてもMap表示できるじゃん「共有」から「地図を埋め込む」を選べばすぐにURL取得できるじゃん、てのもあるかもしれませんが、APIキーを取得してGoogleMapをHPに埋め込むと、結構多彩な仕様変更ができるのですね。自社サイトのGoogleMapのデフォルトピンのデザインアイコンや、吹き出しを使いたい、となってくると、このAPIアドレスが必須になってきます。いう方は、見た目だけですがこんなことができます、ということでこんなサイトをご案内。Mapこんな機能があります。APIGoogleMapの「リンクを共有」「地図を埋め込む」を利用する際に出てくる「この地図は自分専用です」の意味GoogleMapには場所を保存しておく機能がついています。Googleアカウントに登録していると、ログインすることでこれらが閲覧可能になります。メニューから「マイプレイス」>「保存済み」を選ぶと、☆印のついた保存みの場所がでてきます。行くところ、行ってみたい場所、これから向かう場所などを保存しておくわけです。旅行の予定なんかにとても便利ですね。この保存機能はGoogleアカウントに紐づいて動いているので、Googleアカウントにログインしたまま、企業のHPなどに行って地図をみると、自分が保存した場所に☆がついています。「この地図は自分専用です」の意味はここです。Googleアカウントをログアウトすると当然見られなくなります。企業HPで訪問者の「自分専用の地図」が表示されてしまう、というのは......まあ、悪くはないですけどどうなんでしょうかね。企業さんによると思うのですが、お気にされる企業さんはAPIキーを取得することをオススメします。普通のWEBサイトなら無料で取得が可能です。APIHPを制作する際にがっつりGoogleMapを埋め込みたい、というときは、APIキーを取得したうえでのご依頼をお勧めいたしますー!この記事であなたの課題を解決することができましたか?疑問点があったり、解決できなかったことがありましたら、お気軽にご相談してください。インクループ株式会社デザイナー。Part.12015.01.23いつの間にかブラウザのウインドウが勝手に開く現象の原因が遂に判明!2016.07.07【WordPress】ローカル環境からインターネット上のサーバへ移植するための準備~その2~2015.07.06アクセス数が伸び悩んだ6月、ヒット記事を生み出せず。)この記事へのコメントはありません。この記事へのトラックバックはありません。URL返信をキャンセルする。現代のマーケティング課題を解決する資格セミナーを行っているマーケティングリテラシー協会様のLPを作成いたしました。Animateを利用したアニメーションを作ってみる。ホームページ制作、WEBマーケティングページ上部へ戻る。