Добавить изображение из URL-адреса в пользовательские карты InfoWindow google maps v2

Я создавал похожее приложение.

Прежде всего, причина, по которой ваш InfoWindow не показывает загруженное изображение, заключается в том, что MapFragment визуализирует представление в Canvas, а затем рисует его. В информационном окне вы видите не созданные вами представления, а их «изображение» или «снимок экрана». В основном вам нужно снова вызвать showInfoWindow() для объекта Marker, и это приведет к повторному рендерингу Canvas, и теперь ваше изображение станет видимым.

Однако, как говорится, по моему опыту загрузка Bitmap из URL-адреса с последующей его настройкой - не лучшее решение. Android не очень хорошо справляется с Bitmaps. После загрузки нескольких растровых изображений возникновение OutOfMemoryError исключения - лишь вопрос времени, зависящий от объема имеющейся у вас системной памяти.

Я бы рекомендовал использовать библиотеку Picasso, которая обрабатывает асинхронную загрузку и кэширование (в памяти и на диске) и делает фактическую загрузку изображения всего одной строкой (Picasso.with(context).load("http://i.imgur.com/DvpvklR.png").into(imageView);). (подробнее см. http://square.github.io/picasso/)

Предыдущий ответ был хорош, за исключением того, что, по его словам, эта «задержка» на мой вкус слишком волшебна. У Picasso есть возможность использовать обратные вызовы, и я бы рекомендовал использовать это (я использую это в своем приложении).

Сначала создайте класс (он может быть внутренним для вашей деятельности), который реализует интерфейс Callback Пикассо и получает Marker в конструкторе (чтобы вы могли снова вызвать showInfoWindow() для этого маркера.

private class InfoWindowRefresher implements Callback {
   private Marker markerToRefresh;

   private InfoWindowRefresher(Marker markerToRefresh) {
        this.markerToRefresh = markerToRefresh;
    }

    @Override
    public void onSuccess() {
        markerToRefresh.showInfoWindow();
    }

    @Override
    public void onError() {}
}

Информационное окно выглядит так:

mMap.setInfoWindowAdapter(new GoogleMap.InfoWindowAdapter() {
    @Override
    public View getInfoWindow(Marker marker) {
        // inflate view window

        // set other views content

        // set image view like this:
        if (not_first_time_showing_info_window) {
            Picasso.with(ActivityClass.this).load(restaurantPictureURL).into(imgInfoWindowPicture);
        } else { // if it's the first time, load the image with the callback set
            not_first_time_showing_info_window=true;
            Picasso.with(ActivityClass.this).load(restaurantPictureURL).into(imgInfoWindowPicture,new InfoWindowRefresher(marker));
        }

        return v;
    }

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

Как видите, обратный вызов довольно прост. Однако при использовании этого метода вы ДОЛЖНЫ быть осторожны, чтобы использовать обратный вызов только в первом вызове, а не в последующих вызовах (я просто вставил это not_first_time_showing_info_window, чтобы отразить идею ... у вас будет чтобы увидеть, как включить это в свою программную логику. Если вы этого не сделаете, обратный вызов Picasso вызовет showInfoWindow(), и он повторно вызовет обратный вызов, который вызовет _17 _... ну, вы можете увидеть, куда идет эта рекурсия . :)

Главное, чтобы загрузка Picasso с обратным вызовом выполнялась только один раз и при последующих вызовах без обратного вызова.

Я решил эту проблему с помощью черной магии (она же установка задержки). Я воспользовался кешированием Пикассо и просто вызвал showInfoWindow через несколько миллисекунд после начала начальной загрузки.

Вот мой CustomWindowAdapter.

class CustomWindowAdapter implements InfoWindowAdapter{
   LayoutInflater mInflater;
   Map<Marker, String> imageStringMapMarker;
   Context context;

   public CustomWindowAdapter(LayoutInflater i,  Map<Marker, String> imageStringMapMarker2, Context context ){
      mInflater = i;
      imageStringMapMarker = imageStringMapMarker2;
   }

   @Override
   public View getInfoContents(final Marker marker) {

      View v = mInflater.inflate(R.layout.custom_info_window, null);

      ImageView ivThumbnail = (ImageView) v.findViewById(R.id.ivThumbnail);
      String urlImage = imageStringMapMarker.get(marker).toString();
      Picasso.with(context).load(Uri.parse(urlImage)).resize(250,250).into(ivThumbnail);

      return v;

   }

   @Override
   public View getInfoWindow(Marker marker) {
    // TODO Auto-generated method stub
     return null;
   }
}

А вот метод вызова информационного окна в моем основном действии, в котором я реализую задержку.

myMap.setInfoWindowAdapter(new CustomWindowAdapter(this.getLayoutInflater(),
imageStringMapMarker, getApplicationContext()));
myMap.setOnMarkerClickListener(new OnMarkerClickListener() {

    @Override
    public boolean onMarkerClick(final Marker mark) {


    mark.showInfoWindow();

        final Handler handler = new Handler();
        handler.postDelayed(new Runnable() {
            @Override
            public void run() {
                mark.showInfoWindow();

            }
        }, 200);

        return true;
    }
});

Все, что вы возвращаете из getInfoContents(), в этот момент преобразуется в Bitmap и используется для отображения результатов. Вы не показываете изображение до тех пор, пока загрузка не будет завершена, и к этому моменту Bitmap уже будет создан и использован.

Вам нужно будет загрузить изображение до вызова getInfoContents().

Я делаю это, также ссылаясь на ответ @Daniel Gray:

if (userImg.getDrawable() == null) {
  Picasso.with(ctx).load(UtilitiesApp.urlServer + user.getImgUrl())
      .error(R.drawable.logo)
      .into(userImg, new InfoWindowRefresher(marker));
} else {
  Picasso.with(ctx).load(UtilitiesApp.urlServer + user.getImgUrl())
      .error(R.drawable.logo)
      .into(userImg);
}


public class InfoWindowRefresher implements Callback {
  private Marker markerToRefresh;

  public InfoWindowRefresher(Marker markerToRefresh) {
    this.markerToRefresh = markerToRefresh;
  }

  @Override
  public void onSuccess() {
    markerToRefresh.showInfoWindow();
  }

  @Override
  public void onError() {}
}