Android 百度地图在地图上添加覆盖物（头像）

通过百度地图或者高德地图的demo可以看到有在地图上加载覆盖物的代码，但是加载的都是相同的覆盖物。如果加载不同的人物头像，而且一次加载很多的话，能不能实现呢。确实有这样的需求。

先看看效果图吧。

image.png

//初始化位置标注信息
private void initLocationMarkInfos(List<NearByFriend> nearByFriendList) {
      bMap.clear();
      for (int i = 0; i < nearByFriendList.size(); i++) {
          if (nearByFriendList.get(i) == null) {
              continue;
          }
          //获取关于头像bean对象
          final NearByFriend nearByFriend = nearByFriendList.get(i);
          //创建一个BitmapDescriptor数组
          final BitmapDescriptor[] pic = {null};
          //判断头像地址是否为空
          if (!TextUtils.isEmpty(nearByFriend.getImgUrl())) {
              //不为空就将地址传递过去加载到布局中
              returnPictureView(nearByFriend, nearByFriend.getImgUrl(), new ResultListener() {
                  @Override
                  public void onReturnResult(View view) {
                      pic[0] = BitmapDescriptorFactory.fromView(view);
                      putDataToMarkerOptions(pic[0], nearByFriend);
                  }
              });
          } else {
              //头像地址为空就加载本地图片
              pic[0] = BitmapDescriptorFactory.fromResource(R.drawable.zheng2);
              putDataToMarkerOptions(pic[0], nearByFriend);
          }
      }
  }

//将图片加载到布局中
private void returnPictureView(NearByFriend nearByFriend, String imagUrl, final ResultListener resultListener) {
        final View markerView = LayoutInflater.from(this).inflate(R.layout.avator_view, null);
        ImageView backGroundSex = (ImageView) markerView.findViewById(R.id.background_sex);
        final CircleImageView friendTouxiang = (CircleImageView) markerView.findViewById(R.id.friend_touxiang);
        int sex = nearByFriend.getSex();
        if (sex == 2) {
            //女的 这里会给头像加一个背景色，女的为红色，男的为蓝色（默认）
            backGroundSex.setImageResource(R.drawable.touxiang_nv);
        }
        Glide.with(this)
                .load( imagUrl)
                .asBitmap()
                .error(R.drawable.zheng2)
                .into(new SimpleTarget<Bitmap>() {  
                    @Override
                    public void onResourceReady(Bitmap resource, GlideAnimation<? super Bitmap> glideAnimation) {
                        friendTouxiang.setImageBitmap(resource);
                        resultListener.onReturnResult(markerView);
                    }
                });
    }

上面的代码中用Glide来加载图片，其中SimpleTarget是Glide的一个图片处理类，表示已经加载并将图片资源都处理好了之后才来调用的。这里返回的是一个bitmap，接着就可以用它了。这里只是用了Glide的一个回调方法。这里附上SimpleTarget的详解：Glide - 回调：SimpleTarget 和 ViewTarget 用于自定义视图类

//回调接口
private interface ResultListener {
    void onReturnResult(View view);
}

//在地图上进行标记
private void putDataToMarkerOptions(BitmapDescriptor pic, NearByFriend nearByFriend) {
      LatLng point = new LatLng(nearByFriend.getLatitude(), nearByFriend.getLongitude());
      MarkerOptions overlayOptions = new MarkerOptions()
              .position(point)
              .icon(pic)
              .zIndex(15)
              .draggable(true)
              .animateType(MarkerOptions.MarkerAnimateType.grow);//设置marker从地上生长出来的动画

      Marker marker = (Marker) bMap.addOverlay(overlayOptions);
      Bundle bundle = new Bundle();
      bundle.putSerializable("nearFriend", nearByFriend);
      marker.setExtraInfo(bundle);//marker点击事件监听时，可以获取到此时设置的数据
      marker.setToTop();
}

我这里用的是百度地图，在地图上标记的覆盖物的类都差不多，也可能类名或方法名会有所改变。这里仅供参考