js高德地图选址组件怎么用

首先，你需要在页面中引入高德地图 JavaScript API 的库文件，然后使用以下代码创建一个地图实例：

var map = new AMap.Map('container', {
  zoom: 10,
  center: [116.39, 39.9]
});

其中，`container` 是一个 HTML 元素的 ID，用于指定地图的容器。

接下来，你可以使用高德地图提供的 `AMap.PlaceSearch` 类来实现选址功能。首先，创建一个 `AMap.PlaceSearch` 实例：

var placeSearch = new AMap.PlaceSearch({
  pageSize: 5, // 每页显示结果数
  pageIndex: 1, // 当前页码
  city: '北京市', // 搜索城市
  map: map // 展现结果的地图实例
});

然后，你可以在页面中添加一个输入框和一个搜索按钮，当用户输入关键词并点击搜索按钮时，调用 `AMap.PlaceSearch` 实例的 `search` 方法来进行搜索：

// 获取输入框和搜索按钮的元素
var input = document.getElementById('keyword');
var searchBtn = document.getElementById('searchBtn');

// 绑定搜索按钮的点击事件
searchBtn.onclick = function() {
  // 获取用户输入的关键词
  var keyword = input.value;
  // 调用 PlaceSearch 实例的 search 方法进行搜索
  placeSearch.search(keyword);
};

最后，你还需要为 `AMap.PlaceSearch` 实例绑定一些事件，以便在搜索结果发生变化时及时更新页面展示：

// 监听搜索结果发生变化的事件
placeSearch.on('complete', function(result) {
  // 处理搜索结果，更新页面展示
});

// 监听搜索出错的事件
placeSearch.on('error', function(result) {
  // 处理搜索出错，更新页面展示
});

综上所述，这就是使用高德地图 JavaScript API 实现选址功能的大致流程。当然，具体实现还需要根据你的实际需求进行调整。