WEB

Googleマイマップでハマった「ズームアウトするとすべてのピンがずれる」問題を3分で解決。

今回は、つい先日ハマってしまった「Googleマイマップ」での出来事をご紹介します。どこかで困っている方がいたら参考になれば。

ハマった内容は、「Google マイマップ」を作って自分のサイトに埋め込もうとした際に起こった次の出来事です。

マイマップを作成する

1)マイマップにピンを追加していく。
マイマップ作成の手順は割愛します。普通に作成していきます。

この時点では、問題ない。
2)ズームして確認してみる

この時点でも大丈夫。
3)プレビュー(表示専用モード)して日本全体図を確認する。
なんか微妙にすべてのピンがずれている。

気にせずに埋込タグを発行し、自分のサイトで確認するがダメです。さらにズームアウトしていくと。。。お隣の国にピン止め。。。

上図を見ていただくとお分かりの様に、ズームアウトするとピンがずれる問題。いろいろググったのですが良い回答には出会えませんでした。ただ他の方のマイマップでもズームアウトすると崩れるマップと崩れないマップがあり、1時間ほど比較したり試行錯誤。

結果、問題は解決したのですが、これが本当の正解なのかは分かりません。そのうちGoogleが修正すれば最初のやり方でも問題はなくなるかと思います。たぶん、ググっても同じように困っている人がいなかったので時期的なものになるかも。

■「Googleマイマップ」のズームアウトでピンがずれるのを直す方法

修正方法は、いたって簡単です。まず普通に作ると以下のようなマイマップになります。このマイマップをズームアウトすると、はい、ずれていきますね。(ズレなければGoogleが修正した事になるかな)

次に、以下がズームアウトしてもズレないピンです。

解決方法

感の良い人は分かったかな。違いは、アイコンです。デフォルトで作ってくと、アイコンはジオタグのアイコンになります。
このジオタグアイコンだと、ズームアウトするとピンがどんどんズレていきます。

ピンがずれない方は、ジオタグアイコンから別のアイコン(★)に変更しています。
これだけなのですが、アイコンを変更するだけで、ピンがズレなくなります。とっても簡単なのでお試しください。

最後に

なぜ、ジオタグアイコン(デフォルトアイコン)だとピンがズレていくのかは不明です。なにか理由があるかもしれないし、ただのバグかもしれない。でもワタシはズレたくなかったので、別のアイコンにして今回の問題を回避しました。

同じような経験を持って、このサイトに辿り着いた方の問題もこれで解決できたらと思います。

 

lifezakk

lifezakk

投稿者の記事一覧

フリーランスのWEBデザイナー。日々WEB制作で気になるHtml CSS Photoshop illustrator や好きなアプリの備忘録をつけてます。カメラはレタッチで使う素材撮りや趣味レベルでやっています。

関連記事

  1. 簡単に美しいマーブル模様をPhotoshop CCで作成する方法…
  2. 企業WEB担当者向け。ホームページにエクセルの表組みを綺麗に掲載…
  3. YoutubeやUstreamの埋め込み動画をスマホ向けにレスポ…
  4. Photoshopで対象物の色を変更する簡単な方法。
  5. ヤフオクの商品説明を綺麗に!売上アップのポイント
  6. マーケティングオートメーションの「Mautic」導入について
  7. WordPressの悩み相談「目次を中央寄せにしたい」を解決。
  8. Photoshop CC 導入。バナー作成時に楽する複数アートボ…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

おすすめ記事

ずっと苦手なイメージ持ってた3D。使ってみると思ったより簡単で、プロっぽく制作できる便利な超高機能。 – フォトレタッチ

投稿コメントずっと苦手なイメージ持ってた3D。使ってみると思ったより簡単で、プロっぽく制作できる…

多重露光 アート風のレタッチ。人物と風景のバランスが難しい、簡単に出来るかなと思ったけど結構時間を使った。ただ、面白い。 – フォトレタッチ

投稿コメント多重露光 アート風のレタッチ。人物と風景のバランスが難しい、簡単に出来るかなと思った…

秋探し。十月桜は咲き始めかな?紅葉はもう少し先だね、気温が一気に下がれば色づきも期待。 – フォトレタッチ

投稿コメント秋探し。十月桜は咲き始めかな?紅葉はもう少し先だね、気温が一気に下がれば色づきも期待…

Photoshopの「空の置き換え」について、どれだけラクになるか体感。私がよく使う現在の手順はコレ①選択範囲を作成②「選択とマスク」で微調整しマスク③空の画像を配置④色調補正「カラーの適用」でトーン調整これがワンタッチに。トーン調整が付いてるのがヤバイ。進化がはやいなぁ、sensei。 – フォトレタッチ

投稿コメントPhotoshopの「空の置き換え」について、どれだけラクになるか体感。私がよく使う…

四国 日の出。 – フォトレタッチ

投稿コメント四国 日の出。rezakk399 Instagram…

人気記事

  1. 城ドラの10月中旬配信スケジュール 注目は中型の新キャラ追加!
  2. NHKがリオオリンピックを試験的にネット中継!?PCでもスマホでもLIVE視聴!
  3. GoProMaxからのキャプチャをPhotoshopでレタッチ。 – from Instagram
  4. 城ドラ 新キャラ「ペンギン」登場!2コスで6体召喚可能。
  5. photo 海辺の工場 – from Instagram

インスタグラム

This error message is only visible to WordPress admins

Error: There is no connected account for the user 8694609815 Feed will not update.

カテゴリー記事一覧

PAGE TOP