通过百度地图或者高德地图的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();
}
我这里用的是百度地图,在地图上标记的覆盖物的类都差不多,也可能类名或方法名会有所改变。这里仅供参考
网友评论