高德地图自动补全 (Autocomplete) 使用指南

高德地图的'Autocomplete'（自动补全）是一种搜索功能，可帮助用户快速输入查询信息。使用'Autocomplete'，用户只需输入一个或几个关键词，就可以自动补全地图上的地点或地址，方便用户快速找到所需的位置。

使用'Autocomplete'，您需要完成以下步骤：

1. 引入'Autocomplete'插件

在您的HTML文件中引入高德地图的API，以及'Autocomplete'插件。您可以使用以下代码：

<script src='https://webapi.amap.com/maps?v=1.4.15&key=您申请的key值&plugin=AMap.Autocomplete'></script>

其中，您需要将'您申请的key值'替换为您在高德地图开放平台申请的API key值。

2. 创建'Autocomplete'对象

使用以下代码可以创建一个'Autocomplete'对象：

var autoOptions = {
    input: 'inputId' // inputId为输入框的id
};
var autocomplete = new AMap.Autocomplete(autoOptions);

3. 监听'Autocomplete'事件

您可以监听'Autocomplete'的'select'事件，以获得用户选择的地点信息。使用以下代码：

AMap.event.addListener(autocomplete, 'select', function(e){
    // 获取用户选择的地点信息
    console.log(e.poi.name);
    console.log(e.poi.location);
});

在这个例子中，我们在控制台打印了用户选择的地点名称和经纬度坐标。

现在，您已经成功使用了高德地图的'Autocomplete'功能。用户输入关键词时，'Autocomplete'会自动补全地点或地址，帮助用户快速找到所需的位置。