鼠标获取经纬度

最新推荐文章于 2023-11-02 17:25:37 发布

宵蓝

最新推荐文章于 2023-11-02 17:25:37 发布

阅读量276

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/vicky1018/p/8319523.html

版权

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

转载于:https://www.cnblogs.com/vicky1018/p/8319523.html