Simple renderer

View on GitHubSample viewer app

Display common symbols for all graphics in a graphics overlay with a renderer.

Image of simple renderer

Use case

Graphics are often used to display data that changes location regularly because they are held in memory instead of being persisted to the map. When a number of graphics are required to share the same style, a simple renderer can be applied to the graphics overlay containing the graphics. For example, the location of mobile taxis from a same company could be plotted on a map with each taxi marked by a relevant symbol.

How to use the sample

The sample loads with a predefined simple renderer, which displays a red cross simple marker symbol for the graphics in the graphics overlay.

How it works

  1. Create an instance of AGSGraphicsOverlay.
  2. Create 3 AGSPoint objects with x, y and spatial reference parameters.
  3. Create an AGSSimpleMarkerSymbol passing in an AGSSimpleMarkerSymbolStyle, color and size as parameters.
  4. Create a simple renderer with AGSSimpleRenderer(symbol:).
  5. Set the simple renderer to the graphics overlay's renderer property.
  6. Create a number of AGSGraphic objects with the points initiated in step 2.
  7. Add the graphics to the graphics overlay.

Relevant API

  • AGSGraphic
  • AGSGraphicsOverlay
  • AGSPoint
  • AGSSimpleMarkerSymbol
  • AGSSimpleRenderer

Additional information

Renderers are used to display graphics that don't already have a symbol set. A renderer will not override a graphic's symbol if one has been set.

Tags

graphics, marker, renderer, symbol, symbolize, symbology

Sample Code

SimpleRendererViewController.swift
Use dark colors for code blocksCopy
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
//
// Copyright 2016 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
//
//   http://www.apache.org/licenses/LICENSE-2.0
//
// 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.

import UIKit
import ArcGIS

class SimpleRendererViewController: UIViewController {
    @IBOutlet var mapView: AGSMapView!

    var graphicsOverlay = AGSGraphicsOverlay()

    override func viewDidLoad() {
        super.viewDidLoad()

        // add the source code button item to the right of navigation bar
        (self.navigationItem.rightBarButtonItem as! SourceCodeBarButtonItem).filenames = ["SimpleRendererViewController"]

        // instantiate map with basemap
        let map = AGSMap(basemapStyle: .arcGISImagery)

        // assign map to the map view
        self.mapView.map = map

        // add graphics
        self.addGraphics()

        // create and assign simple renderer
        self.addSimpleRenderer()
    }

    private func addGraphics() {
        // Create points to add graphics to the map to allow a renderer to style them
        // These are in WGS84 coordinates (Long, Lat)
        let oldFaithfulPoint = AGSPoint(x: -110.828140, y: 44.460458, spatialReference: .wgs84())
        let cascadeGeyserPoint = AGSPoint(x: -110.829004, y: 44.462438, spatialReference: .wgs84())
        let plumeGeyserPoint = AGSPoint(x: -110.829381, y: 44.462735, spatialReference: .wgs84())

        // create graphics
        let oldFaithfulGraphic = AGSGraphic(geometry: oldFaithfulPoint, symbol: nil, attributes: nil)
        let cascadeGeyserGraphic = AGSGraphic(geometry: cascadeGeyserPoint, symbol: nil, attributes: nil)
        let plumeGeyserGraphic = AGSGraphic(geometry: plumeGeyserPoint, symbol: nil, attributes: nil)

        // add the graphics to the graphics overlay
        self.graphicsOverlay.graphics.addObjects(from: [oldFaithfulGraphic, cascadeGeyserGraphic, plumeGeyserGraphic])

        // add the graphics overlay to the map view
        self.mapView.graphicsOverlays.add(self.graphicsOverlay)

        // create an envelope using the points above to zoom to
        let envelope = AGSEnvelope(min: oldFaithfulPoint, max: plumeGeyserPoint)

        // set viewpoint on the map view
        self.mapView.setViewpointGeometry(envelope, padding: 100, completion: nil)
    }

    private func addSimpleRenderer() {
        // create a simple renderer with red cross symbol
        let simpleRenderer = AGSSimpleRenderer(symbol: AGSSimpleMarkerSymbol(style: .cross, color: .red, size: 12))

        // assign the renderer to the graphics overlay
        self.graphicsOverlay.renderer = simpleRenderer
    }
}

Your browser is no longer supported. Please upgrade your browser for the best experience. See our browser deprecation post for more details.