コンストラクタ
プロダクトID(サービスID)
設定
注記マーカーのコンディションを追加（1つのコンディションに追加できるマーカーの上限は999個）
AnnotationMarkerCondition
円を追加
円
Optional options: GaIAEventListenerOptions打ち上げ花火を追加
打ち上げ花火
複数の打ち上げ花火を追加
打ち上げ花火のリスト
GLMarkerの追加
GLMarker
Optional options: GLMarkerAdditionOptions設定
GLマーカークラスタリングのコンディションを追加
GLMarkerClusteringCondition
複数のGLMarkerをまとめて追加
※ 複数マーカー追加時はパフォーマンスの観点からこちらのメソッドを推奨
GLMarkerの配列
Optional options: GLMarkerAdditionOptions設定
GeoJSON形状追加
GeoJsonFigureCondition
ヒートマップを追加
HeatMapCondition
InfoWindowを追加
InfoWindowオブジェクト
メッシュクラスタのオプションを設定
表示設定
点を追加する
点のリスト
ポリゴンを追加
ポリゴン
ポリラインを追加
ポリライン
屋台を追加
屋台情報
屋台のリストを追加
屋台情報のリスト
テキスト・URLを追加
UrlText
テキスト・URLを複数追加
UrlTextの配列
静的地図をキャプチャし、地図関連のDOM要素も含めてdiv要素にまとめる
Optional options: StaticMapOptions静的地図のオプション
静的地図を含むdiv要素
静的地図をキャプチャ
Optional options: StaticMapOptions静的地図のオプション
静的地図のイメージ要素
トラッキングモードの取得
トラッキングモード
自位置情報の取得
自位置情報
LatLngRectが画面内に収まるズームレベルを返す
LatLngRect
中心緯度経度
Optional maxZoomLevel: number最大ズームレベル
Optional padding: RectExtensionパディング（単位はピクセル）
Optional step: numberズームレベルの間隔
LatLngRectが画面内に収まるズームレベル
LatLngRectが画面内に収まる位置に移動
※最適なズームレベルがズームレンジ外になる場合は画面内に収めることができません。
LatLngRect
アニメーション有効フラグ(デフォルト: false)
Optional maxZoomLevel: number最大ズームレベル
Optional padding: RectExtensionパディング（単位はピクセル）
Optional step: numberズームレベルの間隔
Optional zoomLevelFixFunc: ZoomLevelFixFunc計算結果を丸めるコールバック関数
緯度経度とズームレベルを指定して移動
緯度経度
ズームレベル
アニメーション有効フラグ(デフォルト: false)
注記マーカーのコンディションを削除
AnnotationMarkerCondition
円を削除
円
Optional options: GaIAEventListenerOptions打ち上げ花火を削除
打ち上げ花火
複数の打ち上げ花火を削除
打ち上げ花火のリスト
GLMarkerの削除
削除対象のGLMarker
GLマーカークラスタリングのコンディションを削除
GLMarkerClusteringCondition
複数のGLMarkerをまとめて削除
※ 複数マーカー削除時はパフォーマンスの観点からこちらのメソッドを推奨
削除するGLMarkerの配列
GeoJSON形状削除
削除対象のGeoJsonFigureCondition
ヒートマップを削除
HeatMapCondition
InfoWindowを削除
InfoWindowオブジェクト
点を削除する
点のリスト
ポリゴンを削除
ポリゴン
ポリラインを削除
ポリライン
屋台のリストを削除
屋台情報のリスト
屋台を削除
屋台情報
テキスト・URLを削除
削除対象のUrlText
テキスト・URLの一括削除
削除対象のUrlTextの配列
任意タイル地図のオプションを設定
設定対象のキー名
表示設定
線沿い注記のコンディションの設定
Optional condition: AlongLineConditionコンディション
注記クリックリスナーの設定
リスナー関数
Optional options: AnnotationClickListenerOptionsオプション
注記のフォント情報を設定
フォント情報
注記の描画進捗更新リスナーを設定
リスナー関数
画面内の地図アイコンリストを返却するコールバックを設定
画面内の地図アイコンリストを返却するコールバック
中心緯度経度を設定
中心緯度経度
アニメーション有効フラグ(デフォルト: false)
全ての緯度経度が画面内に収まる位置に移動
緯度経度のリスト
アニメーション設定(デフォルト:false)
Optional maxZoomLevel: number最大ズームレベル
Optional padding: RectExtensionパディング（単位はピクセル）
Optional step: numberズームレベルの間隔
Optional zoomLevelFixFunc: ZoomLevelFixFunc計算結果を丸めるコールバック関数
十字マーカーのオプションを設定
表示設定
中心地点の基準位置ずらしを設定 setMapAreaPadding()との併用はできません
offset量
アニメーションの設定
地図要素のサイズを変更する
地図要素のサイズ（ピクセル）
カラーフィルターの色を設定
色
コンテキストメニューを設定
コンテキストメニュー
コピーライトの表示位置を調整
位置
霧の色を設定
霧の色
3Dランドマークのオプションを設定
表示設定
テクスチャ対応版の3Dランドマークのオプションを設定
表示設定
地図の言語を設定
地図の言語
パレットコピーの設定をおこなう
パレットコピーの設定
地図の周囲にパディングを設定しターゲット緯度経度をずらす setCenterOffset()との併用はできません
地図の周囲のパディング
アニメーションの設定
地図の方位角の変更を検知するリスナーを設定
Optional listener: MapDirectionChangeListenerリスナー関数
地図アイコンクリックリスナーの設定
リスナー関数
Optional options: MapIconClickListenerOptionsオプション
地図アイコン当たり判定のマージンを設定
当たり判定のマージン（単位はピクセル）
地図アイコンのソート用の比較コールバックを設定
比較コールバック
地図アイコン取得条件の設定
条件
地図アイコンの拡張表示するテキストを返すコールバックを設定
拡張表示のコールバック
表示する地図アイコンのフィルター関数を設定
フィルター関数
地図アイコンのラベルを返すコールバックを設定
地図アイコンのラベルを返すコールバック
地図アイコンマウスエンターリスナーの設定
リスナー関数
地図アイコンのmouseleaveリスナーの設定
リスナー関数
地図タイルの描画進捗更新リスナーを設定
リスナー関数
地図の方位角の変更を検知するリスナーを設定
Optional listener: MapTiltChangeListenerリスナー関数
ベクター地図の条件を設定
条件
ベクタ地図の描画進捗更新リスナーを設定
Optional listener: LoadingProgressListenerリスナー関数
アイコンのクリックリスナーの設定
リスナー関数
線のクリックリスナーの設定
リスナー関数
軌跡(moon)のオプションを設定
表示設定
setRoadShapeOpenedCondition()を利用してください
ポリゴンの外側を塗りつぶすオブジェクトを設定
ポリゴンの外側を塗りつぶすオブジェクト
降雨・降雪情報Conditionの設定
RainfallCondition
降雨・降雪情報グラデーションConditionの設定
RainfallGradationCondition
メッシュ版降雨conditionを設定
Optional condition: RainfallMeshConditionRainfallMeshCondition
メッシュ版降雨データの更新を検知した時に実行されるコールバックを設定
RainfallMeshRefreshCallback
新規開通道路クリックリスナーの設定
リスナー関数
新規開通道路のオプションを設定
表示設定
幅員情報表示機能のConditionを設定し、幅員情報を表示
幅員情報のある道路上に線が表示されます。
また、各線の中心に幅員情報の吹き出し(GLMarker)を表示することも可能です。
こちらの機能を使用するためには口開け依頼が必要です。詳細は地図PJ担当者にお問い合わせください。
RoadWidthCondition
// 幅員の幅(メートル)を表示するGLMarkerの設定
// import * as GIA from '@ntj/gaia';
// map: GIA.Map
const iconInfo = new GIA.value.GLMarkerIconInfo({
icon: "path/to/image", // 設定したい画像のURL
size: new GIA.value.Size(24, 45), // 画像の表示サイズ
gravity: 'bottom-left', // 画像の基準点。この例だと画像の左下がマーカーの基準点
});
// 幅員表示GLMarkerのラベルスタイル設定 (css)
const labelStyle: GIA.types.GLMarkerLabelStyle = {
fontSize: '12px',
color: '#000000', // 文字の色(黒)
fontWeight: 'bold',
align: 'center',
};
// マーカークリック時のコールバック関数(clickListenerが省略された場合、マーカークリック時のイベントは発生しません)
const clickListener: GIA.types.RoadWidthMarkerClickListener = (data: GIA.types.RoadWidthData) => {
alert(`road width data:\n${JSON.stringify(data, null, 2)}`);
};
// 幅員表示GLMarkerのオプション設定
const markerOptions: GIA.types.RoadWidthMarkerOptions = {
iconInfo: iconInfo,
labelStyle: labelStyle,
labelOffset: new GIA.value.Point(0, 3), // ラベルの表示位置オフセット(この例だと下に3ピクセルずらす)
clickListener: clickListener,
};
// 幅員機能のコンディション初期化オプション
const roadWidthInitOptions: GIA.types.RoadWidthConditionInitOptions = {
header: {
'ヘッダー名': 'ヘッダー値',
}, // 幅員情報を取得するためにはここにヘッダー情報を設定する必要があります。詳細は地図PJ担当者にお問い合わせください。
zoomRange: new GIA.value.ZoomRange(15, 22), // 幅員表示を行うズームレベル範囲(最小は15で15未満に設定しても表示されません)
widthLineStyles: [
{threshold: 0, style: {color: GIA.value.Color.fromColorCodeSixHex('0091EA'), weight: 3}}, // 0m以上2.0m未満
{threshold: 2.0, style: {color: GIA.value.Color.red(), weight: 3}}, // 2.0m以上3.0m未満
{threshold: 3.0, style: {color: GIA.value.Color.fromColorCodeSixHex('FBC02D'), weight: 4, lineCap: 'round'}}, // 3.0m以上4.0m未満。線の端を丸くする場合はlineCapを'round'に設定
{threshold: 4.0, style: {color: GIA.value.Color.fromColorCodeSixHex('E64A19'), weight: 5, dashArray: [10, 2]}}, // 4.0m以上。点線はdashArrayで指定。この場合10の長さで描画して2の長さであける
], // 幅員のしきい値(メートル)と対応する線スタイルの配列。任意の順序で指定可能です（内部で降順ソートされます）。
markerOptions: markerOptions,
};
// 幅員のコンディションを地図に設定
const roadWidthCondition: GIA.value.RoadWidthCondition = new GIA.value.RoadWidthCondition(roadWidthInitOptions);
map.setRoadWidthCondition(roadWidthCondition);
ルート線形状を動かしたコールバックを設定
Optional callback: RouteShapeOperationCallbackRouteShapeOperationCallback
ルート線形状をクリックしたコールバックを設定
Optional callback: RouteShapeOperationCallbackRouteShapeOperationCallback
ルート形状共通コンディションを追加
RouteShapeCondition
ルート線形状を掴んだコールバックを設定
Optional callback: RouteShapeOperationCallbackRouteShapeOperationCallback
ルート線形状を放したコールバックを設定
Optional callback: RouteShapeOperationCallbackRouteShapeOperationCallback
縮尺の表示位置を調整
位置
空の色を設定
空の色
積雪深情報Conditionの設定
SnowfallCondition
駅ブランドアイコンクリックリスナーの設定
リスナー関数
Optional options: StationPointClickListenerOptionsオプション
駅ブランドアイコンのコンディションの設定
コンディション
屋台マップConditionの設定
StreetStandCondition
注目している緯度経度を設定
注目している緯度経度
アニメーションの設定
タイル種別を設定
タイル種別
ズームレベル変化時に地図を傾ける設定を更新
Optional options: MapTiltWithZoomOptionsズームレベル変化時に地図を傾ける設定
トラッキングモードを設定
トラッキングモード
渋滞情報Conditionの設定
TrafficCondition
交通情報(seed版)のクリックリスナーを設定
リスナー関数
交通情報(seed版)のConditionを設定
TrafficCondition
鉄道路線図クリックリスナーの設定
リスナー関数
鉄道路線図のオプションを設定
表示設定
指定方向外進行禁止情報のオプションを設定
表示設定
指定方向外進行禁止情報クリックリスナーの設定
リスナー関数
指定方向外進行禁止情の吹き出し用コールバックの設定
コールバック関数
自位置マーカーを設定
UserLocation
自位置情報を設定
UserLocationData
移動時のアニメーション有無
トラッキングモードの変更を検知するリスナー関数を設定
リスナー関数
ズームレベルを設定
ズームレベル
アニメーション有効フラグ(デフォルト: false)
ズームレンジを設定
ズームレンジ
地図クラス