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

先看看效果图吧。

image.png

//初始化位置标注信息

private void initLocationMarkInfos(List 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() {

@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();

}

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