鼠标获取经纬度

Posted 2020-10-21 Vicky_YU

高德官方demo

1.首先new一个地图

 var map = new AMap.Map("container", {
        resizeEnable: true
    });

2.为地图绑定点击事件

  var clickEventListener = map.on(‘click‘, function(e) {
        document.getElementById("lnglat").value = e.lnglat.getLng() + ‘,‘ + e.lnglat.getLat()
    });

3.绑定页面的上根据名称搜索的input

 var auto = new AMap.Autocomplete({
        input: "tipinput"
    });

4.监听当用户选中某条记录时触发，地图自动定位到该地点

AMap.event.addListener(auto, "select", select);//注册监听，当选中某条记录时会触发
    function select(e) {
        if (e.poi && e.poi.location) {
            map.setZoom(15);
            map.setCenter(e.poi.location);
        }