首页 > 其他 > 详细

鼠标获取经纬度

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

标签:dem   value   contain   doc   set   javascrip   api   搜索   com   

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

 

鼠标获取经纬度

标签:dem   value   contain   doc   set   javascrip   api   搜索   com   

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

(0)
(0)
   
举报
评论 一句话评论(0
0条  
登录后才能评论!
© 2014 bubuko.com 版权所有 鲁ICP备09046678号-4
打开技术之扣,分享程序人生!
             

鲁公网安备 37021202000002号