高德地图鼠标获取经纬度

高德官方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);
        }

 

posted @ 2018-01-20 00:36  Vicky_YU  阅读(671)  评论(0编辑  收藏  举报