Data-driven styling

FeatureLayer インターフェース

google.maps.FeatureLayer インターフェース

特定の FeatureType の対象物を含む地図レイヤを表すインターフェース。スタイルはクライアントサイドでオーバーライドでき、イベントを関連付けることができます。

featureType
タイプ:  FeatureType
この FeatureLayer に関連付けられている FeatureType
isAvailable
タイプ:  boolean
この FeatureLayer が使用可能かどうか。つまり、この地図でデータドリブン スタイル設定を使用できるかどうか(Google Cloud コンソールの地図のスタイルで、この FeatureLayer が有効になっているベクタータイルを使用するマップ ID があるかどうか)。これが false の場合(または false になった場合)、この FeatureLayer のスタイル設定はデフォルトに戻り、イベントはトリガーされません。
BetadatasetId optional
タイプ:  string optional
この FeatureLayer のデータセット ID。featureTypeFeatureType.DATASET の場合にのみ存在します。
style optional
FeatureLayerFeature のスタイル。スタイルは、スタイルが設定されたときに適用されます。スタイル関数が更新された場合は、スタイル プロパティを再度設定する必要があります。FeatureStyleFunction は、地図タイル上に適用されたときに一貫した結果を返す必要があり、パフォーマンスを最適化する必要があります。非同期関数はサポートされていません。FeatureStyleOptions を使用すると、そのレイヤのすべての特徴に同じ FeatureStyleOptions のスタイルが適用されます。スタイルを null に設定して、以前に設定したスタイルを削除します。この FeatureLayer を使用できない場合、スタイルの設定は何も行わず、エラーがログに記録されます。
addListener
addListener(eventName, handler)
パラメータ: 
  • eventNamestring 検出されたイベント。
  • handler:  イベントを処理する Function 関数。
戻り値:  MapsEventListener 結果のイベント リスナー。
指定されたリスナー関数を指定されたイベント名に追加します。event.removeListener で使用できるこのリスナーの ID を返します。
click
function(event)
引数: 
このイベントは、FeatureLayer がクリックされたときに発生します。
mousemove
function(event)
引数: 
このイベントは、ユーザーのカーソルが FeatureLayer の上に移動したときに発生します。

FeatureType 定数

google.maps.FeatureType 定数

対象物の種類の識別子。

const {FeatureType} = await google.maps.importLibrary("maps") を呼び出してアクセスします。Maps JavaScript API のライブラリをご覧ください。

ADMINISTRATIVE_AREA_LEVEL_1 国レベルの下の 1 次的な行政区画を示します。
ADMINISTRATIVE_AREA_LEVEL_2 国レベルの下の 2 次的な行政区画を示します。
COUNTRY 国家の政治的エンティティを示します。
BetaDATASET サードパーティ データセットであることを示します。
LOCALITY 行政区画である都市または町を示します。
POSTAL_CODE 対象の国内で郵便物の宛先として使用される郵便番号を示します。郵便番号を含む。
SCHOOL_DISTRICT 学区を示します。

FeatureStyleFunction 型定義

google.maps.FeatureStyleFunction typedef

FeatureLayer のスタイルを設定する関数。

function(FeatureStyleFunctionOptions): (FeatureStyleOptions optional)

FeatureStyleFunctionOptions インターフェース

google.maps.FeatureStyleFunctionOptions インターフェース

FeatureStyleFunction に渡されるオプション。

feature
タイプ:  Feature
Feature は、スタイル設定のために FeatureStyleFunction に渡されます。

FeatureStyleOptions インターフェース

google.maps.FeatureStyleOptions インターフェース

これらのオプションは、地図上で Feature のスタイルを変更する方法を指定するものです。

fillColor optional
タイプ:  string optional
16 進 RGB 文字列(緑の場合は「#00FF00」など)。ポリゴン ジオメトリにのみ適用されます。
fillOpacity optional
タイプ:  number optional
塗りつぶしの不透明度(0.0 ~ 1.0)。ポリゴン ジオメトリにのみ適用されます。
strokeColor optional
タイプ:  string optional
16 進 RGB 文字列(緑の場合は「#00FF00」など)。
strokeOpacity optional
タイプ:  number optional
ストロークの不透明度(0.0 ~ 1.0 で指定)。ライン ジオメトリとポリゴン ジオメトリにのみ適用されます。
strokeWeight optional
タイプ:  number optional
ストローク幅(ピクセル単位)。ライン ジオメトリとポリゴン ジオメトリにのみ適用されます。

特徴インターフェース

google.maps.Feature インターフェース

ベクター地図タイル対象物を表すインターフェース。これらは FeatureStyleFunction への入力です。特定の Feature オブジェクトへの参照は保存しないでください。参照は安定しません。

featureType
タイプ:  FeatureType
この FeatureFeatureType

PlaceFeature インターフェース

google.maps.PlaceFeature インターフェース

プレイス ID を持つ対象物を表すインターフェース。FeatureType.ADMINISTRATIVE_AREA_LEVEL_1FeatureType.ADMINISTRATIVE_AREA_LEVEL_2FeatureType.COUNTRYFeatureType.LOCALITYFeatureType.POSTAL_CODEFeatureType.SCHOOL_DISTRICT タイプの対象物が含まれます。

このインターフェースは Feature を拡張します。

placeId
タイプ:  string
継承: featureType
fetchPlace
fetchPlace()
パラメータ: なし
戻り値:  Promise<Place>
この PlaceFeaturePlace を取得します。生成された Place オブジェクトには、id プロパティと displayName プロパティが設定されます。表示名は、エンドユーザーが地図に表示する言語で表示されます。(追加のフィールドは、通常の Places API の有効化と課金の対象となる Place.fetchFields() を介して後でリクエストできます)。同期の FeatureStyleFunctions のみがサポートされているため、FeatureStyleFunction から呼び出さないでください。Place の取得中にエラーが発生した場合、Promise は拒否されます。

DatasetFeature インターフェース

google.maps.DatasetFeature インターフェース

データセットの特徴を表すインターフェース。DatasetFeaturefeatureType は常に FeatureType.DATASET になります。

このインターフェースは Feature を拡張します。

datasetAttributes
タイプ:  Object<string, string>
特徴の属性の Key-Value マッピング。
datasetId
タイプ:  string
この対象物が属するデータセットのデータセット ID。
継承: featureType

FeatureMouseEvent インターフェース

google.maps.FeatureMouseEvent インターフェース

このオブジェクトは、FeatureLayer の Mouse イベントから返されます。

このインターフェースは MapMouseEvent を拡張します。

features
タイプ:  Array<Feature>
このマウスイベントの Feature
継承: domEventlatLng
継承: stop