html + js 开发高德地图选址组件

要开发一个高德地图选址组件，需要使用高德地图 JavaScript API。以下是一些基本的步骤：

1. 注册高德开发者账号并创建应用，获取 API Key。

2. 引入高德地图 JavaScript API 库和相关插件。可以通过以下链接下载：

http://webapi.amap.com/maps?v=1.4.15&key=YOUR_API_KEY

其中 YOUR_API_KEY 应该替换为实际的 API Key。

3. 创建一个 HTML 页面，并在其中添加一个包含地图的容器元素。

   <div id="mapContainer" style="width: 100%; height: 500px;"></div>

4. 在 JavaScript 中使用高德地图 API 创建地图实例，并设置地图的中心点和缩放级别。

   var map = new AMap.Map('mapContainer', {
     center: [116.397428, 39.90923],
     zoom: 13
   });

这里的 center 参数表示地图的中心点坐标，zoom 参数表示地图的缩放级别。

5. 添加搜索框和搜索按钮，并在按钮点击时触发搜索事件。

   <input type="text" id="searchInput" placeholder="请输入地址">
   <button id="searchButton">搜索</button>

   document.getElementById('searchButton').addEventListener('click', function() {
     var address = document.getElementById('searchInput').value;
     AMap.plugin('AMap.PlaceSearch', function() {
       var placeSearch = new AMap.PlaceSearch({
         map: map
       });
       placeSearch.search(address);
     });
   });

这里使用 AMap.PlaceSearch 插件进行地址搜索，并将搜索结果在地图上显示出来。

6. 完成以上步骤后，就可以在浏览器中查看效果了。输入地址并点击搜索按钮，地图会显示出对应的位置。

以上就是基本的开发步骤，具体的实现还需要根据实际需求进行调整。