Data-driven styling

FeatureLayer インターフェース

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

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

featureType
タイプ:  FeatureType
この FeatureLayer に関連付けられた FeatureType
isAvailable
タイプ:  boolean
この FeatureLayer が利用可能かどうか。つまり、この地図でデータドリブン スタイル設定が利用可能かどうか(この FeatureLayer が有効になっているベクタータイルを使用するマップ ID が Google Cloud コンソールの地図のスタイルに存在するかどうか)。これが false(または false になった)場合、この FeatureLayer のスタイルはデフォルトに戻り、イベントはトリガーされません。
BetadatasetId optional
タイプ:  string optional
この FeatureLayer のデータセット ID。featureTypeFeatureType.DATASET の場合にのみ存在します。
style optional
FeatureLayer 内の Feature のスタイル。スタイルは、スタイルが設定されたときに適用されます。スタイル関数が更新された場合は、スタイル プロパティを再度設定する必要があります。FeatureStyleFunction は、地図タイルに適用した際に常に同じ結果を返すように記述し、パフォーマンスを最適化する必要があります。非同期関数はサポートされていません。FeatureStyleOptions を使用すると、そのレイヤのすべてのフィーチャーが同じ FeatureStyleOptions でスタイル設定されます。スタイルを null に設定して、以前に設定したスタイルを削除します。この FeatureLayer が利用できない場合、スタイルの設定は行われず、エラーがログに記録されます。
addListener
addListener(eventName, handler)
パラメータ: 
  • eventNamestring 観測されたイベント。
  • handlerFunction イベントを処理する関数。
戻り値:  MapsEventListener 結果のイベント リスナー。
指定されたリスナー関数を指定されたイベント名に追加します。event.removeListener で使用できるこのリスナーの識別子を返します。
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 typedef

google.maps.FeatureStyleFunction typedef

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

function(FeatureStyleFunctionOptions): (FeatureStyleOptions optional)

FeatureStyleFunctionOptions インターフェース

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

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

feature
タイプ:  Feature
スタイル設定のために FeatureStyleFunction に渡された Feature

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
ストロークの幅(ピクセル単位)。ライン ジオメトリとポリゴン ジオメトリにのみ適用されます。

Feature インターフェース

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

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

featureType
タイプ:  FeatureType
この FeatureFeatureType

PlaceFeature インターフェース

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

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

このインターフェースは 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 のマウスイベントから返されます。

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

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