android百度地图自定义覆盖物,Android 百度地图在地图上添加覆盖物(头像)

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

先看看效果图吧。

8f75af222784

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

}

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

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值