位置情報

​

1. 位置情報コンポーネント

​

1.1 位置情報コンポーネントとは

​

1.2 活用シーン

• 位置情報コンポーネントはモバイルデバイスでの位置情報取得に対応しており、住所情報を素早く入力しつつ、その後の編集も可能です。
• 選択したい住所が現在地と一致する場合、モバイルデバイス上の位置情報アイコンをタップします（位置情報の権限が有効な状態で）。住所情報は自動的に入力され、後から編集することもできます。
• 配送先住所や行政区画住所など、住所選択シーンで広く利用されます。
• コンポーネントには最新の中国の 省 / 市 / 区（県）/ 街道（郷鎮）のデータがあらかじめ組み込まれており、位置情報コンポーネントを追加するだけで利用を開始できます。

​

2. 属性

​

2.1 プレースホルダーのお知らせ

• 標準的な入力ボックスに表示されるグレーのプレースホルダーテキストと同様に、ガイダンスを提供するために使用します。
• デフォルト住所が設定されていない場合はプレースホルダーのお知らせが表示されます。設定されている場合は、デフォルト住所のコンテンツが優先的に表示されます。

​

2.2 タイプ

• 住所の詳細レベルを設定します。
• 「詳細住所」を選択した場合、コンポーネントは2行で表示されます。
• 「詳細住所」を選択しない場合は、下図のように1行のみ表示されます。

​

2.3 コンポーネントのサブタイトルとプロンプトコンテンツ

​

2.4 クリア許可

​

2.5 コンポーネントのデフォルト住所

• デザイナーの右側でデフォルト住所を初期化できます。
• デフォルト値の詳細レベルは、「タイプ」で選択したオプションと自動的に連動します。

​

2.6 クイック位置情報取得

• モバイルデバイスでは位置情報取得に対応しており、住所情報を素早く入力できます。

​

2.6.1 活用シーン

• 選択したい住所が現在地と一致する場合。
• モバイルデバイス上の位置情報アイコンをタップします（位置情報の権限が有効な状態で）。住所情報は自動的に入力され、後から編集することもできます。

​

3. プレミアム

​

3.1 操作設定

​

4. FAQ

// 参考コード（位置情報コンポーネントにバインド）
export function onChange({ value }, extra) {
  if (value.regionText) {
    let allAddress = '';
    value.regionText.map(el => {
      allAddress += el.zh_CN
    })
    allAddress += value.address
    this.$('textField_kr49k4ug').setValue(allAddress)
  }
}