高德地圖鼠標獲取經緯度

高德官方demojavascript

1.首先new一個地圖java

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

2.爲地圖綁定點擊事件api

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

3.綁定頁面的上根據名稱搜索的inputspa

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

4.監聽當用戶選中某條記錄時觸發,地圖自動定位到該地點code

AMap.event.addListener(auto, "select", select);//註冊監聽,當選中某條記錄時會觸發
    function select(e) {
        if (e.poi && e.poi.location) {
            map.setZoom(15);
            map.setCenter(e.poi.location);
        }
相關文章
相關標籤/搜索