free web hit counter

WEB

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

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

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

マイマップを作成する

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

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

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

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

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

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

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

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

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

解決方法

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

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

最後に

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

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

 

lifezakk

lifezakk

投稿者の記事一覧

フリーランスのWEBデザイナー。日々WEB制作で気になるHtml CSS Photoshop illustrator アプリの備忘録をつけてます。#城ドラ や #ホウチ帝国 にかなりハマってます★

関連記事

  1. LINEで郵便局の荷物追跡や再配達ができる!?
  2. ヤフオクの商品説明を綺麗に!売上アップのポイント
  3. Pythonの実行結果をGoogleスプレッドシートに出力してみ…
  4. table装飾時に持っておきたいベーステンプレートとなるCSS
  5. 企業WEB担当者向け。ホームページにエクセルの表組みを綺麗に掲載…
  6. Photoshop CC 導入。バナー作成時に楽する複数アートボ…
  7. facebookのいいねボタンに5種類の感情ボタンが出現!
  8. YoutubeやUstreamの埋め込み動画をスマホ向けにレスポ…

コメント

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

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

おすすめ記事

OVERHIT(オーバーヒット) 毎日10時間ぐらいプレイしてみて身に付いた攻略要素まとめ

OVERHIT(オーバーヒット)は、5/29の配信開始から2週間、現在100万ダウンロードのイベント…

NEXONの新作アプリ「OVERHIT」を毎日10時間プレイしてみた感想

NEXONの新作アプリ「OVERHIT」を配信開始日5/29から毎日10時間やってみました。主にSS…

Pythonの実行結果をGoogleスプレッドシートに出力してみた。グラフ表示も簡単。

今回は、Pythonの勉強で利用した実行結果(ログなど)をGoogleスプレッドシートに出力するとい…

CSSグリッドレイアウトについて。flexboxより使いやすいが、問題はいつものアイツだな。

今回はCSSグリッドレイアウトについてです。以前からflexboxと並んで気になっていたこのグリッド…

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

今回は、つい先日ハマってしまった「Googleマイマップ」での出来事をご紹介します。どこかで困ってい…

人気記事

  1. 城ドラ 新キャラ「ジャイアントパンダ」登場。特徴とスキルをチェック。
  2. 城ドラ 12月26日のキャラ能力バランス調整
  3. DQMJ3 スカウトQ第12問の月夜の将を作るのが難関だった件
  4. 全世界で2億ダウンロードを突破した、本格幻想RPG「陰陽師」
  5. 城ドラ 魔法使いの最終武器を開発したら使えるキャラに化けた!?
bitFlyer ビットコインを始めるなら安心・安全な取引所で

アプリ記事一覧

記事について

当サイトでは、アプリゲームの攻略記事や新着アプリ情報を主に記事にしております。 なお、サイト上に掲載されているゲームやサービスの著作権やその他知的財産権はそれぞれ運営・配信しているゲーム会社・運営会社に帰属します。当該画像の転載・配布は禁止いたします。
PAGE TOP