Function setPaletteName

  • カスタムパレット名を設定する — 詳細な使用例

    地図に適用するカラーパレット(テーマ)を名前で指定します。 undefined または空文字を渡すとデフォルトパレットに戻ります。 パレットは事前にサーバーサイドで定義されている必要があります。

    Returns void

    Warning

    • パレット名はプロジェクト設定で定義されたものを指定してください。存在しない名前を指定した場合の動作は未定義です。
    • デフォルトパレットに戻すには setPaletteName() を引数なしで呼ぶか、空文字 '' を渡してください。

    Example: ダークモードパレットに切り替える

    import * as GIA from '@ntj/gaia';

    // ダークモードパレットを適用
    map.setPaletteName('dark');

    // デフォルトパレットに戻す
    map.setPaletteName();

    Example: ユーザー設定に応じてパレットを切り替える

    import * as GIA from '@ntj/gaia';

    const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
    map.setPaletteName(prefersDark ? 'dark' : undefined);

    See

    setPaletteName