美文网首页
Android 百度地图在地图上添加覆盖物(头像)

Android 百度地图在地图上添加覆盖物(头像)

作者: Allen__Qin | 来源:发表于2018-01-24 14:26 被阅读0次

    通过百度地图或者高德地图的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();
    }
    

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

    相关文章

      网友评论

          本文标题:Android 百度地图在地图上添加覆盖物(头像)

          本文链接:https://www.haomeiwen.com/subject/axgsaxtx.html