Function setPolygonOutside

  • ポリゴンの外側を塗りつぶすオブジェクトを設定する — 詳細な使用例

    指定したポリゴン(緯度経度リスト)の外側を半透明カラーで塗りつぶします。 特定エリアのハイライト、マスク表示などに利用できます。 clearPolygonOutside で塗りつぶしを削除できます。

    Returns void

    Warning

    • 設定できる PolygonOutside は1件のみです。再設定すると上書きされます。
    • clearPolygonOutside で塗りつぶしを完全に削除できます。

    Example: ポリゴン外側を半透明色で覆う

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

    const polygonOutside = new GIA.object.PolygonOutside({
    color: GIA.value.Color.fromColorCodeSixHex('#000000', 0.4) ?? new GIA.value.Color(0, 0, 0, 0.4),
    overlay: false,
    zoomRange: new GIA.value.ZoomRange(0, 24),
    });

    map.setPolygonOutside(polygonOutside);

    // 削除
    map.clearPolygonOutside();

    Example: 色とズームレンジを後から更新する

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

    const polygonOutside = new GIA.object.PolygonOutside({
    color: new GIA.value.Color(0, 0, 0, 0.2),
    });

    map.setPolygonOutside(polygonOutside);
    polygonOutside.color = new GIA.value.Color(0.2, 0.2, 0.2, 0.5);
    polygonOutside.zoomRange = new GIA.value.ZoomRange(10, 22);

    See