html,body,#container{
height:100%;
width:100%;
}
.btn{
width:14em;
margin-left:3.2rem;
margin-top: 0.8rem;
}
请输入或点击地图获取经纬度:(经度,纬度)
经纬度
请输入三维坐标:(x,y) (注:z = 0)
三维坐标
var map = new AMap.Map("container", {
resizeEnable: true
});
var $ = function(elementId){
return document.getElementById(elementId);
};
var lnglatInput = $('lnglat');
var pixelInput = $('pixel');
// 经纬度坐标转成三维坐标
function lnglat2pixel() {
if(!lnglatInput.value) return
var inputVal = lnglatInput.value.split(',');
var lnglat = new AMap.LngLat(inputVal[0], inputVal[1]);
var pixel = map.lngLatToGeodeticCoord(lnglat);
pixel.x = parseInt(pixel.x);
pixel.y = parseInt(pixel.y);
pixelInput.value = pixel;
}
// 三维坐标转成经纬度坐标
function pixel2lnglat() {
if(!pixelInput.value) return
var zoom = map.getZoom();
var inputVal = pixelInput.value.split(',');
var pixel = new AMap.Pixel(inputVal[0],inputVal[1]);
var lnglat = map.geodeticCoordToLngLat(pixel);
lnglatInput.value = lnglat;
}
lnglat2pixel();
map.on( 'click', function (e) {
lnglatInput.value = e.lnglat.toString();
});
document.getElementById("lnglat2pixel").onclick = lnglat2pixel;
document.getElementById("pixel2lnglat").onclick = pixel2lnglat;