百度地图的使用之简单绑定事件

 

添加点击事件:

  map.addEventListener("click", function (e) {

    var pointMarker = new BMap.Point(e.point.lng, e.point.lat); // 创建标注的坐标
    $("#SelfPoint").text(e.point.lng + "," + e.point.lat);//显示点击后坐标点
    addMarker(pointMarker);//添加标注到地图上
    geocodeSearch(pointMarker);//通过点击的标注坐标,查询地址
  });


拖动:
  function dragend(marker) {
    marker.addEventListener('dragend', function (e) {
    var pointMarker = new BMap.Point(e.point.lng, e.point.lat); // 创建标注的坐标
    $("#SelfPoint").text(e.point.lng + "," + e.point.lat);//显示拖动后坐标点
    geocodeSearch(pointMarker);//通过拖动变换了的标注坐标,查询地址
    })
  }
标注时添加拖动事件:
  function addMarker(point) {
    map.clearOverlays();//清除拖动前的标注

    //设置可以拖动,默认不能拖动

    var marker = new BMap.Marker(point, {
    "enableDragging": true
    });
    map.addOverlay(marker);
    dragend(marker);
  }

 

址查询:
  function geocodeSearch(pt) {
    var myGeo = new BMap.Geocoder();
    myGeo.getLocation(pt, function (rs) {
    var addComp = rs.addressComponents;
    $("#SelfCity").text(addComp.city);
    });
  }

posted on 2014-04-01 15:06  7月前减到115斤  阅读(653)  评论(0)    收藏  举报