---
sourceDocument: Xanadu モバイルの構成とナビゲーション
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/ja-JP/xanadu/mobile

 Release :

    - xanadu

ft:locale :

    - ja-JP

ft:publication_title :

    - Xanadu モバイルの構成とナビゲーション

ft:clusterId :

    - mobile

bundleId :

    - mobile

workflow :

    - Platform


---

# マップアイコンの色変数のサポート

# マップアイコンの色変数のサポート {#ariaid-title1}

* リリースバージョン: Xanadu
* 
* 更新日 2024年08月01日
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 所要時間：1分

色変数を使用してモバイルマップアイコンのテーマを変更する方法について説明します

|-|-|
| マップ画面 には、色 変数を使用してカラーマップピンを制御するための \[ピン の色\] 変数フィールドを含む \[ピンの色\] セクションがあります。マップピンは、マップ上の目的地を示すために、マップテンプレート画面で使用されます。 このフィールドを使用して、UX テーマプロパティ \[sys_ux_theme_property\] テーブルから任意の色変数を定義できます。使用可能な変数のリストについては、以下のカラーデザインガイドを参照してください。 アイコン UI セクションの作成の詳細については、「 [アイコン UI セクションの構成](https://servicenow-prod.fluidtopics.net/YQjRCdSsLLkr1QrXwbjvIg "アイコン UI セクションタイプを使用して、画面、ランチャー画面、機能に移動します。")」を参照してください。 |   |
[ ]

{#color-var-map-pin__table_q2w_llb_yvb}

## マップピンのカラーデザインガイド {#color-var-map-pin__section_pnx_pth_cxb}

{#color-var-map-pin__table_tkv_qth_cxb__entry__3}

| 色名 | ピンの例 | カラーバリエーション |
|-|-|-|
| プライマリ | ![プライマリモバイル PIN]() | モバイル変数 :   primary Web 変数 :   `--now-color--primary-1` |
| セカンダリ | ![セカンダリモバイルピン]() | モバイル変数 :   セカンダリ Web 変数 :   `--now-color--secondary-3` |
| ターシャリ | ![第 3 モバイルピン]() | モバイル変数 :   ターシャリ Web 変数 :   `--now-color_grouped--gray-4` |
| ブランド | ![ブランドモバイルピン]() | モバイル変数 :   ブランド Web 変数 :   `--now-color_brand--secondary` |
[ ]

{#color-var-map-pin__table_tkv_qth_cxb}