高德地图获取搜索结果位置的点击
时间: 2024-03-23 17:41:03 浏览: 72
您可以使用高德地图 JavaScript API 中的 AMap.PlaceSearch 类来实现搜索功能。在搜索结果列表中,您可以为每个结果绑定点击事件,获取该结果的位置信息。
您可以按照以下步骤实现:
1. 创建地图对象:
```
var map = new AMap.Map('container', {
center: [116.397428, 39.90923],
zoom: 13
});
```
2. 创建 AMap.PlaceSearch 对象:
```
var placeSearch = new AMap.PlaceSearch({
map: map
});
```
3. 执行搜索操作:
```
placeSearch.search('北京大学', function(status, result) {
// 处理搜索结果
});
```
4. 处理搜索结果:
```
placeSearch.search('北京大学', function(status, result) {
if (status === 'complete' && result.info === 'OK') {
var poiList = result.poiList;
for (var i = 0; i < poiList.length; i++) {
// 创建搜索结果列表项
var poi = poiList[i];
var $li = $('<li></li>').text(poi.name);
$li.data('location', poi.location);
$('#resultList').append($li);
// 绑定点击事件
$li.click(function() {
var location = $(this).data('location');
map.setCenter(location);
});
}
}
});
```
在上面的代码中,我们为每个搜索结果创建了一个列表项,并将其位置信息存储在数据中。然后,我们为每个列表项绑定了一个点击事件,当用户点击时,地图会以该位置为中心进行定位。
阅读全文