图片未加载到Google地图标记中

时间:2017-11-14 13:45:33

标签: android google-maps firebase picasso firebase-storage

我正在尝试在Google地图中加载我在Firebase Storage标记窗口中提取的图片。问题是,当我尝试使用Glide或Picasso加载它时,它不会加载到Google地图中。我在代码中的每个日志都在logcat中可见。我在这里做错了吗?

这是我的代码

public class MapInfoWindowAdapter implements GoogleMap.InfoWindowAdapter {

    Context context;
    LayoutInflater inflater;
    private DatabaseReference mDatabase;
    private StorageReference storageReference;
    private Chalet chalet;
    private boolean query;
    private ImageView img;
    private String lat;
    private String log;

    public MapInfoWindowAdapter(Context context, LayoutInflater inflater) {
        this.context = context;
        this.inflater = inflater;
    }

    @Override
    public View getInfoWindow(Marker marker) {
        return null;
    }

    @Override
    public View getInfoContents(final Marker marker) {

        mDatabase = FirebaseDatabase.getInstance().getReference().child("chalets");
        storageReference=FirebaseStorage.getInstance().getReference();

        inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);

        View v = inflater.inflate(R.layout.marker_tag,null);

       final LatLng latlng = marker.getPosition();
       Double doubleLat = latlng.latitude;

         lat = String.valueOf(latlng.latitude);
         log = String.valueOf(latlng.longitude);
        Log.i("MarkerPostion",lat);

        img = (ImageView) v.findViewById(R.id.chaletImg);

       // final TextView textView = (TextView) v.findViewById(R.id.markerText);
        final Semaphore semaphore = new Semaphore(0);
       mDatabase.addValueEventListener(new ValueEventListener() {

            @Override
            public void onDataChange(DataSnapshot dataSnapshot) {

                Log.i("MarkerPostion","112211");
                for (DataSnapshot snapm: dataSnapshot.getChildren()) {
                    Log.i("MarkerPostion",snapm.child("latitude").getValue().toString());
                    Log.i("Key",snapm.getKey());
                    if ( lat.equals(snapm.child("latitude").getValue().toString()) && log.equals(snapm.child("longitude").getValue().toString()) ){
                        chalet = snapm.getValue(Chalet.class);
                        Log.i("MarkerPostion","9999");
                        break;
                    }
                }

                storageReference = FirebaseStorage.getInstance().getReference().child(chalet.getOwnerID()).child(chalet.getChaletNm()).child("1");
                storageReference.getDownloadUrl().addOnSuccessListener(new OnSuccessListener<Uri>() {

                    @Override
                    public void onSuccess(Uri uri) {
                        Picasso.with(context).load(uri).into(img);
                        Log.i("MarkerPostion","2222");
                    }
                });
            }

            @Override
            public void onCancelled(DatabaseError databaseError) {

            }
        });       

        return v;
    }
}

这是我的XML文件:

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent" android:layout_height="match_parent"
    android:id="@+id/markerFrame">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">

        <ImageView
            android:id="@+id/chaletImg"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_gravity="center"
            android:adjustViewBounds="true"
            android:scaleType="centerCrop"
             />

    </LinearLayout>

</FrameLayout>

2 个答案:

答案 0 :(得分:1)

问题是地图标记呈现为位图并且不是实时视图,这意味着在毕加索完成加载图像时,您的标记已经被渲染,您需要刷新它以显示变化。

您需要做的是在Picasso或Glide调用上实现回调,并在加载图像后调用marker.showInfoWindow()

修改 我认为这是您需要的唯一变化:

Picasso.with(context).load(uri).into(img, new com.squareup.picasso.Callback() {
                        @Override
                        public void onSuccess() {
                            marker.showInfoWindow()
                        }

                        @Override
                        public void onError() {

                        }
                    });

您还可以在致电if (marker != null && marker.isInfoWindowShown()) ...

之前查看marker.showInfoWindow()

答案 1 :(得分:0)

尝试将xml中的LinearLayout作为布局的根视图。我从来没有意识到为什么,但是当我处理一个没有明显解释/错误的自定义InfoWindowAdapter时,我也遇到了问题。使用LinearLayout作为xml的根视图解决了我的问题。