码迷,mamicode.com
首页 > 其他好文 > 详细

鼠标获取经纬度

时间:2018-01-20 00:59:59      阅读:185      评论:0      收藏:0      [点我收藏+]

标签:event   location   value   span   javascrip   select   auto   gpo   resize   

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

 

鼠标获取经纬度

标签:event   location   value   span   javascrip   select   auto   gpo   resize   

原文地址:https://www.cnblogs.com/vicky1018/p/8319523.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!