add image which dynamically changing size when zooming the map

Kae_WoeiKang

Hi ArcGIS team,

I've added an Image (example: floor plan) by using PictureMarkerSymbol class; and add the graphic onto map by using GraphicOverlay class.

PictureMarkerSymbol pictureMarkerSymbol = new PictureMarkerSymbol(myImage);
Graphic graphic = new Graphic(polygon.getExtent().getCenter(), pictureMarkerSymbol);

pictureMarkerSymbol.loadAsync();
pictureMarkerSymbol.addDoneLoadingListener(new Runnable() {
    @Override
    public void run() {
        mGraphicsOverlay.getGraphics().add(graphic);
    }
});

However, I am facing issue where the image loaded is fixed on its size and not dynamically resize when I zoom in or out of the map. For instance, when I zoom into the map -- the image should be bigger; when I zoom out of the map -- the image should be smaller.

Please advise.

Thanks and best regards,

Kae Woei

AlanLucas

I think you should be able to use reference scale to achieve what you want. The code below displays a PictureMarkerSymbol in a GraphicsOverlay and an keeps it a consistent size on the map (not the screen) when the user zooms in and out. The key things to note are the calls to mMap.setReferenceScale(REFERENCE_SCALE) to set a reference scale for the map, and graphicsOverlay.setScaleSymbols(true) to tell the GraphicsOverlay to honor the map's reference scale.

final double REFERENCE_SCALE = 50000000;

mMap = new ArcGISMap(Basemap.createLightGrayCanvas());

// Set the map's reference scale
mMap.setReferenceScale(REFERENCE_SCALE);
mMapView.setMap(mMap);
mMap.addDoneLoadingListener(() -> {
  logLoadResult("mMap", mMap);

  // Set the map's viewpoint scale to equal the reference scale, so the symbol will

  // display at its authored size
  ListenableFuture<Boolean> future = mMapView.setViewpointScaleAsync(REFERENCE_SCALE);
  future.addDoneListener(() -> {
    try {
      Boolean success = future.get();

      PictureMarkerSymbol symbol = new PictureMarkerSymbol(

          "https://webapps-cdn.esri.com/Apps/MegaMenu/img/logo.jpg");
      Graphic graphic = new Graphic(new Point(0, 0), symbol);
      GraphicsOverlay graphicsOverlay = new GraphicsOverlay();

      // Set the GraphicsOverlay to honor the map's reference scale
      graphicsOverlay.setScaleSymbols(true);

      graphicsOverlay.getGraphics().add(graphic);
      mMapView.getGraphicsOverlays().add(graphicsOverlay);
    } catch (Throwable e) {
      listenableFutureError(e, "setViewpointScaleAsync");
    }
  });
});