JavaScript+HTML
反地址解析* {
margin: 0px;
padding: 0px;
}
body,
button,
input,
select,
textarea {
font: 12px/16px Verdana, Helvetica, Arial, sans-serif;
}
p {
width: 603px;
padding-top: 3px;
margin-top: 10px;
overflow: hidden;
}
var geocoder, map, marker = null;
var init = function() {
var center = new qq.maps.LatLng(39.916527, 116.397128);
map = new qq.maps.Map(document.getElementById('container'), {
center: center,
zoom: 13
});
//地址和经纬度之间进行转换服务
geocoder = new qq.maps.Geocoder();
//设置服务请求成功的回调函数
geocoder.setComplete(function(result) {
map.setCenter(result.detail.location);
var marker = new qq.maps.Marker({
map: map,
position: result.detail.location
});
//点击Marker会弹出反查结果
var info = new qq.maps.InfoWindow({
map: map
});
qq.maps.event.addListener(marker, 'click', function() {
info.open();
info.setContent('
result.detail.address + '
info.setPosition(result.detail.location);
});
});
//若服务请求失败,则运行以下函数
geocoder.setError(function() {
alert("出错了,请输入正确的经纬度!!!");
});
}
function codeLatLng() {
//获取输入框的经纬度
var input = document.getElementById("latLng").value;
var latlngStr = input.split(",", 2);
var lat = parseFloat(latlngStr[0]);
var lng = parseFloat(latlngStr[1]);
var latLng = new qq.maps.LatLng(lat, lng);
//对指定经纬度进行解析
geocoder.getAddress(latLng);
}
输入坐标,点击search进行反地址解释,点击marker会弹出反查结果。