要在腾讯地图上
选择地址并返回经纬度，可以使用腾讯地图 JavaScript API 中的 `PlaceSearch` 和 `Geocoder` 类。下面是一个简单的
HTML 示例代码，演示如何在地图上
选择地址并返回位置的经纬度：
```
html
<!DOCTYPE
html>
<
html>
<head>
<meta charset="UTF-8">
<title>腾讯地图API示例</title>
<style type="text/css">
#container{
height:500px;
width:800px;
}
</style>
<script type="text/javascript" src="https://map.qq.com/api/js?v=2.exp&key=您申请的key值"></script>
<script type="text/javascript">
var map, placeSearch, markers = [];
function init(){
map = new qq.maps.Map(document.getElementById("container"),{
center: new qq.maps.LatLng(39.916527,116.397128),
zoom: 13
});
// 创建搜索服务实例
placeSearch = new qq.maps.PlaceSearch(map, {
complete: function(results){
// 清除地图上已有的标记
for (var i = 0, l = markers.length; i < l; i++) {
markers[i].setMap(null);
}
markers = [];
// 显示搜索结果
var pois = results.detail.pois;
for (var i = 0, l = pois.length; i < l; i++) {
var poi = pois[i];
var marker = new qq.maps.Marker({
position: poi.latLng,
map: map
});
markers.push(marker);
// 点击标记后获取经纬度
qq.maps.event.addListener(marker, 'click', function(event) {
var geocoder = new qq.maps.Geocoder();
geocoder.getAddress(event.latLng);
qq.maps.event.addListener(geocoder, 'complete', function(result) {
var location = result.detail.location;
alert('您
选择的地址经纬度为：' + location.lat + ',' + location.lng);
});
});
}
}
});
// 绑定搜索框和搜索按钮
var searchInput = document.getElementById('search-input');
var searchBtn = document.getElementById('search-btn');
searchBtn.onclick = function() {
placeSearch.search(searchInput.value);
};
}
window.onload = init;
</script>
</head>
<body>
<div>
<input id="search-input" type="text">
<button id="search-btn">搜索</button>
</div>
<div id="container"></div>
</body>
</
html>
```
在上面的代码中，我们首先创建了一个地图实例，并在地图上添加了一个搜索框和一个搜索按钮。当用户在搜索框中输入地址并点击搜索按钮时，`PlaceSearch` 类会向腾讯地图服务器发送请求，并返回与输入地址匹配的所有 POI（
兴趣点）信息。
我们在 `complete` 回调函数中处理搜索结果，首先清除地图上已有的标记，然后遍历搜索结果中的所有 POI，为每个 POI 创建一个标记，并将它们添加到地图上。为了在地图上
选择地址并获取经纬度，我们为每个标记绑定了一个点击事件监听器，在用户单击标记时获取标记的经纬度，并使用 `Geocoder` 类将其转换为具体地址信息。最后，我们在 `complete` 回调函数中显示地址的经纬度信息。
441
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
