在自适应Forms中使用地理位置API using-geolocation-api-s-in-adaptive-forms

Last update: Sat Dec 13 2025 00:00:00 GMT+0000 (Coordinated Universal Time)

适用对象：
Experience Manager 6.4
Experience Manager 6.5

主题：
自适应表单

创建对象：

有经验的
开发人员

在本篇文章中，我们将了解如何使用Google的地理位置API填充自适应表单的字段。当您要填充表单上的当前地址字段时，通常使用此用例。

在自适应Forms中使用地理位置API时，需要执行以下步骤。

从Google 获取API密钥以使用Google映射平台。您可以获得有效期为1年的试用密钥。
创建自适应表单片段时添加了用于保存当前地址的字段
在自适应表单的图像对象的单击事件上调用了地理位置API
对API调用返回的JSON数据进行解析，并相应地设置自适应表单字段值。

navigator.geolocation.getCurrentPosition(showPosition);
function showPosition(position)
{
console.log(" I am inside the showPosition in fragment");
console.log("Latitude: " + position.coords.latitude + "Longitude " + position.coords.longitude);
var url = "https://maps.googleapis.com/maps/api/geocode/json?latlng="+position.coords.latitude+","+position.coords.longitude+"&key=<your_api_key>";
  console.log(url);

  $.getJSON(url,function (data, textStatus){

    var location=data.results[0].formatted_address;
    console.log(location);

    for(i=0;i<data.results[0].address_components.length;i++)
        {
          if(data.results[0].address_components[i].types[0] == "street_number")
            {
              streetNumber.value = data.results[0].address_components[i].long_name;
            }
          if(data.results[0].address_components[i].types[0] == "route")
            {
              streetName.value = data.results[0].address_components[i].long_name;
            }
            if(data.results[0].address_components[i].types[0] == "postal_code")
            {

              zipCode.value = data.results[0].address_components[i].long_name;
            }
            if(data.results[0].address_components[i].types[0] == "locality")
            {

              city.value = data.results[0].address_components[i].long_name;
            }
          if(data.results[0].address_components[i].types[0] == "administrative_area_level_1")
            {

              state.value = data.results[0].address_components[i].long_name;
            }
        }

  });
}

使用地理位置API填充的字段