Skip To Content ArcGIS for Developers Sign In Dashboard

Picture Marker Symbol


 * Copyright 2017 Esri.
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not
 * use this file except in compliance with the License. You may obtain a copy of
 * the License at
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
 * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
 * License for the specific language governing permissions and limitations under
 * the License.

package com.esri.samples.symbology.picture_marker_symbol;


import javax.imageio.ImageIO;

import javafx.application.Application;
import javafx.application.Platform;
import javafx.embed.swing.SwingFXUtils;
import javafx.scene.Scene;
import javafx.scene.control.Alert;
import javafx.scene.image.Image;
import javafx.scene.layout.StackPane;
import javafx.stage.Stage;

import com.esri.arcgisruntime.geometry.Envelope;
import com.esri.arcgisruntime.geometry.Point;
import com.esri.arcgisruntime.geometry.SpatialReferences;
import com.esri.arcgisruntime.loadable.LoadStatus;
import com.esri.arcgisruntime.mapping.ArcGISMap;
import com.esri.arcgisruntime.mapping.Basemap;
import com.esri.arcgisruntime.mapping.view.Graphic;
import com.esri.arcgisruntime.mapping.view.GraphicsOverlay;
import com.esri.arcgisruntime.mapping.view.MapView;
import com.esri.arcgisruntime.symbology.PictureMarkerSymbol;

public class PictureMarkerSymbolSample extends Application {

  private MapView mapView;
  private File orangeSymbolPath;
  private GraphicsOverlay graphicsOverlay;

  private static final String CAMPSITE_SYMBOL =

  public void start(Stage stage) {

    try {
      // create stack pane and application scene
      StackPane stackPane = new StackPane();
      Scene scene = new Scene(stackPane);

      // set title, size, and add scene to stage
      stage.setTitle("Picture Marker Symbol Sample");

      // create a ArcGISMap with the topographic basemap
      final ArcGISMap map = new ArcGISMap(Basemap.createTopographic());

      // create view for this map
      mapView = new MapView();

      // create graphics overlay and add it to the mapview
      graphicsOverlay = new GraphicsOverlay();


      // create points for displaying graphics
      Point leftPoint = new Point(-228835, 6550763, SpatialReferences.getWebMercator()); // Disk
      Point rightPoint = new Point(-223560, 6552021, SpatialReferences.getWebMercator()); // URL
      Point middlePoint = new Point(-226773, 6550477, SpatialReferences.getWebMercator());

      // create orange picture marker symbol from disk
      if (saveResourceToExternalStorage()) {
        // create orange picture marker symbol
        PictureMarkerSymbol orangeSymbol = new PictureMarkerSymbol(orangeSymbolPath.getAbsolutePath());
        // place orange picture marker symbol on ArcGISMap
        placePictureMarkerSymbol(orangeSymbol, leftPoint);

      // create blue picture marker symbol from local
      Image newImage = new Image("/symbols/blue_symbol.png");
      PictureMarkerSymbol blueSymbol = new PictureMarkerSymbol(newImage);
      // place blue picture marker symbol on ArcGISMap
      placePictureMarkerSymbol(blueSymbol, middlePoint);

      // create campsite picture marker symbol from URL
      PictureMarkerSymbol campsiteSymbol = new PictureMarkerSymbol(CAMPSITE_SYMBOL);

      // place campsite picture marker symbol on ArcGISMap
      map.addDoneLoadingListener(() -> {
        if (map.getLoadStatus() == LoadStatus.LOADED) {
          Platform.runLater(() -> placePictureMarkerSymbol(campsiteSymbol, rightPoint));
        } else {
          Alert alert = new Alert(Alert.AlertType.ERROR, "Map Failed to Load!");

      // set ArcGISMap to be displayed in mapview

      // set viewpoint on mapview with padding
      Envelope envelope = new Envelope(leftPoint, rightPoint);
      mapView.setViewpointGeometryAsync(envelope, 100.0);

      // add the map view and control panel to stack pane
    } catch (Exception e) {

   * Adds a Graphic to the Graphics Overlay using a Point and a Picture Marker
   * Symbol.
   * @param markerSymbol PictureMarkerSymbol to be used
   * @param graphicPoint where the Graphic is going to be placed
  private void placePictureMarkerSymbol(PictureMarkerSymbol markerSymbol, Point graphicPoint) {

    // set size of the image

    // load symbol asynchronously

    // add to the graphic overlay once done loading
    markerSymbol.addDoneLoadingListener(() -> {
      if (markerSymbol.getLoadStatus() == LoadStatus.LOADED) {
        Graphic symbolGraphic = new Graphic(graphicPoint, markerSymbol);
      } else {
        Alert alert = new Alert(Alert.AlertType.ERROR, "Picture Marker Symbol Failed to Load!");;


   * Writes a resource image to a file.
   * @return true if successful
  private boolean saveResourceToExternalStorage() {

    try {
      // create a file that will be deleted automatically
      orangeSymbolPath = File.createTempFile("orange_symbol", ".png");

      // save image from resources folder to computer's disk
      Image orangeImage = new Image("symbols/orange_symbol.png");

      ImageIO.write(SwingFXUtils.fromFXImage(orangeImage, null), "png", orangeSymbolPath.getAbsoluteFile());

    } catch (Exception e) {

    // check to see if the resource was created on disk
    return orangeSymbolPath.exists();

   * Stops and releases all resources used in application.
  public void stop() {

    // release resources when the application closes
    if (mapView != null) {

   * Opens and runs application.
   * @param args arguments passed to this application
  public static void main(String[] args) {



In this topic
  1. Code