基础的引用就不在这里说了,可以看文章
高德地图汇总
话不多说直接上代码吧
//创建地图实例
var map = new AMap.Map('container', {
resizeEnable: true,
zoom: 11.2, //缩放级别
center: [119.02, 32.04], //中心点
showLabel: true, //是否展示地图文字和 POI 信息。
zooms: [11.2, 20],
// zooms: '',
showLabel: true,//是否展示地图文字和 POI 信息
// mapStyle: 'amap://styles/whitesmoke', //设置地图的显示样式
})
//注册鼠标点击事件
map.on('click', function(e) {
//获取点击坐标经纬度
var lng = e.lnglat.getLng();//经度
var lat = e.lnglat.getLat();//纬度
//调用坐标反查API
regeocoder([lng, lat]);
});
//创建地址解析插件
var geocoder
AMap.plugin('AMap.Geocoder', function() {
geocoder = new AMap.Geocoder({
city: '全国' // city 指定进行编码查询的城市,支持传入城市名、adcode 和 citycode
})
// 使用geocoder做地理/逆地理编码
})
//调用地址解析插件
function regeocoder(lnglatXY) {
console.log(lnglatXY)
//调用地址解析方法,解析坐标
geocoder.getAddress(lnglatXY, function(status, result) {
if (status === 'complete' && result.regeocode) {
//获取目标位置具体信息,包括地址、名称等
var address = result.regeocode.formattedAddress;
//显示反查结果
alert(address);
} else {
//反查失败对用户进行提示
alert("该坐标无法反查,请确认输入坐标是否正确!");
}
});
}
效果图