百度地图（35）-GL 地址解析

1. 地址解析和逆解析使用的是Geocoder。

　从地址到经纬度使用 getPoint,

　从经纬度到地址使用 getLocation

 

2. 地址解析

/**
 * 地址解析
 */
function geoCode(){
  var myGeo = new BMapGL.Geocoder();
  let address = "合肥市马鞍山路合肥工业大学"
  myGeo.getPoint(address,function (point) {
    if(point){
      map.centerAndZoom(point,16);
      map.addOverlay(new BMapGL.Marker(point));
      console.log("X:" + point.lng + ",Y:"+point.lat);
      alert(point);
    }
  });
};

 

3. 地址逆解析

/**
 * 地址逆解析
 */
function geoDecode() {
  map.addEventListener("click",function (e) {
    var pt = new BMapGL.Point(e.latlng.lng,e.latlng.lat);
    var geoc = new BMapGL.Geocoder();
    geoc.getLocation(pt,function (rs) {
      var opts = {
        title:"行政区划归属",
        width:220,
        height:92
      };

      var addComp = rs.addressComponents;
      let address = '<div>省：' + addComp.province + "</div>" +
                    '<div>市：' + addComp.city + "</div>" +
                    '<div>区：' + addComp.district + "</div>" +
                    '<div>区：' + addComp.street + "</div>"
      var infoWindow = new BMapGL.InfoWindow(address,opts);
      map.openInfoWindow(infoWindow,pt);
    })
  });
}

 

4. 页面显示

 

 

5. 源码地址

https://github.com/WhatGIS/bdMap