続き番号(自動スタイル)の連番マーカー表示URL構文

Google マイマップのマーカースタイルの
「続き番号(自動スタイル)」ではマーカーの個数に応じて自動的に、
マーカーに番号が採番（レイヤ単位）されて表示されます。
Googleマップ側がマーカー画像をどのようなURLで要求し、
表示しているのかという点について、URLの構文でご紹介します。

続き番号(自動スタイル)の連番マーカー表示URL構文

まず初めに新しいGoogleマップでマーカーの表示を行っている仕組みとして、
要求するマーカー画像のURLに各種パラメータを付加したURLへアクセスすることで、
Googleのサーバーが要求に合った画像を返す（内部的にはpng形式）仕組みです。

そうした仕組みを利用すると、
シェイプ形状マーカーの各色画像のURLを求めることも容易になります。
詳細は以下をご確認ください。

こうした仕組みについては以下で、細かく解説しています。

上記をご一読いただいたものとして話を進めさせていただきます。
続き番号スタイルのURL構造をでは１桁番号「９」から見ていきます。

要求する画像のURLは以下のようになっています。

https://mt.google.com/vt/icon/name=icons/onion/SHARED-mymaps-container_4x.png,icons/onion/1738-blank-sequence_4x.png&highlight=0288D1,ff000000&scale=2.0&color=ffffffff&psize=15&text=9&font=fonts/Roboto-Medium.ttf

実際に表示してみると以下の通り「９」が表示されます。

ここで重要な点はURLの後半の以下の部分です。

&highlight=0288D1,ff000000&scale=2.0&color=ffffffff&psize=15&text=9&font=fonts/Roboto-Medium.ttf

個々に見ていきます。

色指定構文

&highlight=0288D1,ff000000&scale=2.0&color=ffffffff&psize=15&text=9&font=fonts/Roboto-Medium.ttf

上記の部分「0288D1」の値は、色のHEXコードです。
「#0288D1」を指定しています。ちなみにRGB指定ではrgb(2, 136, 209)です。
これがマーカーの背景色と一致しているのが分かります。

ただし、基本的にGoogleマイマップの画面からは、
通し番号スタイルの「背景色変更」は行う事ができません。

要求画像サイズ指定構文

&highlight=0288D1,ff000000&scale=2.0&color=ffffffff&psize=15&text=9&font=fonts/Roboto-Medium.ttf

次に「scale=2.0」部分ですが、これは要求する画像のサイズで、
Googleマイマップでは通常この2.0の値で要求し、32pxに縮小表示しています。

なお、この値を「scale=4.0」などに指定すると、
倍の大きさの画像が返されます。

https://mt.google.com/vt/icon/name=icons/onion/SHARED-mymaps-container_4x.png,icons/onion/1738-blank-sequence_4x.png&highlight=0288D1,ff000000&scale=2.0&color=ffffffff&psize=15&text=9&font=fonts/Roboto-Medium.ttf

文字色指定構文

&highlight=0288D1,ff000000&scale=2.0&color=ffffffff&psize=15&text=9&font=fonts/Roboto-Medium.ttf

次の部分ですが「ffffffff」となっています。（HEXより桁が多い）
一見すると色コードで白を表現していると見受けられます。

この点からも文字色であろうという事が推測できます。

試しに異なった色コードで要求してみます。

「ff」＋「ffd600(HEXコード)」で記述します。

https://mt.google.com/vt/icon/name=icons/onion/SHARED-mymaps-container_4x.png,icons/onion/1738-blank-sequence_4x.png&highlight=0288D1,ff000000&scale=2.0&color=ffffd600&psize=15&text=9&font=fonts/Roboto-Medium.ttf

ただし、基本的にGoogleマイマップの画面からは、
通し番号スタイルの「文字色変更」は行う事ができません。

文字サイズ指定構文

&highlight=0288D1,ff000000&scale=2.0&color=ffffffff&psize=15&text=9&font=fonts/Roboto-Medium.ttf

では次に「psize=15」の部分ですが、
この部分は表示する桁数に応じて自動的に値が変更されている部分です。

文字のpxサイズを指定しています。

ちなみに以下のようになっています。

• 1,2桁：15px
• ３桁：12px
• ４桁：10px
• 5桁以降：（未検証）

文字指定構文

&highlight=0288D1,ff000000&scale=2.0&color=ffffffff&psize=15&text=9&font=fonts/Roboto-Medium.ttf

そして最後の部分が表示する文字（数字）の指定部分です。
「text=9」で数字の「９」をマーカーアイコンに表示しています。

このような仕組みでGoogleマイマップがマーカー画像を生成していることから、
以下のような画像URLにてそれぞれのマーカーを、
GoogleMapsAPI側でのマーカー表示を行えることが分かります。

続き番号(自動スタイル)の連番マーカー画像URLの例（抜粋）

以下は、一部参考とさせて頂きますが、
ルールに従う事で、求めるマーカー画像をGoogleサーバーから得ることができます。

お役に立ちますと幸いです。

当サイトにお越しいただきありがとうございます。
当サイトは管理人アルゴリズンが個人で作成を行っているものです。
Google Inc.様とは一切関係はありません。

当サイト内のコンテンツの引用・出典の明記なきものは、
すべて管理人アルゴリズンが著作権を保持するオリジナルコンテンツです。
当サイトでご紹介しております写真等がある場合にも著作権の放棄は致しません。

申し訳ございませんが、無断転載、複製をお断りさせて頂いております。
尚、サイト内コンテンツを引用される際にはご連絡は不要です。
ただし、出典元として当サイト(個別URL)へのリンクをお願いいたします。

コンテンツを有益であると感じていただけましたら非常に光栄です。
ありがとうございます。

記事の作成依頼・更新依頼・削除要請などのご意見ご要望は、
まず、Twitter等よりメンションまたは、メッセージでご連絡を頂けますと幸いです。
@algorhythnn｜Twitter
algorhythnn｜Google+
algorhythnn｜Facebook

運営者はSNS等で個人名等の公開は行わないポリシーで運営しております。
直接のご連絡・取材時などには個人名・屋号でご連絡を差し上げる場合もございますが、
個人名・屋号等をインターネット上で公開されることはご遠慮願います。