View on GitHub Sample viewer app
Display coordinate system grids including Latitude/Longitude, MGRS, UTM and USNG on a map view. Also, toggle label visibility and change the color of grid lines and grid labels.
Use case
Grids are often used on printed maps, but can also be helpful on digital maps, to identify locations on a map.
How to use the sample
Use the controls to select the type of grid from Grid Type
(LatLong, MGRS, UTM and USNG), and to modify its properties like label visibility, grid line color, and grid label color. Click the 'Update' button to see the result.
How it works
Create an instance of one of the Grid
types.
Grid lines and labels can be styled per grid level with setLineSymbol(gridLevel, lineSymbol)
and setTextSymbol(gridLevel, textSymbol)
methods on the grid.
The label position can be set with setLabelPosition(labelPosition)
method on the grid.
For the LatitudeLongitudeGrid
type, you can specify a label format of DECIMAL_DEGREES
or DEGREES_MINUTES_SECONDS
.
To set the grid, use the setGrid(grid)
method on the map view.
Relevant API
Grid
LatitudeLongitudeGrid
LineSymbol
MapView
MgrsGrid
SimpleLineSymbol
TextSymbol
UsngGrid
UtmGrid
coordinates, degrees, graticule, grid, latitude, longitude, MGRS, minutes, seconds, USNG, UTM
Sample CodeDisplayGridController.java DisplayGridController.java DisplayGridSample.java
Use dark colors for code blocks Copy
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
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
/*
* Copyright 2018 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.
*/
package com.esri.samples.display_grid;
import javafx.beans.binding.Bindings;
import javafx.fxml.FXML;
import javafx.scene.control.CheckBox;
import javafx.scene.control.ColorPicker;
import javafx.scene.control.ComboBox;
import javafx.scene.paint.Color;
import com.esri.arcgisruntime.ArcGISRuntimeEnvironment;
import com.esri.arcgisruntime.geometry.Point;
import com.esri.arcgisruntime.geometry.SpatialReferences;
import com.esri.arcgisruntime.mapping.ArcGISMap;
import com.esri.arcgisruntime.mapping.BasemapStyle;
import com.esri.arcgisruntime.mapping.Viewpoint;
import com.esri.arcgisruntime.mapping.view.Grid;
import com.esri.arcgisruntime.mapping.view.LatitudeLongitudeGrid;
import com.esri.arcgisruntime.mapping.view.MapView;
import com.esri.arcgisruntime.mapping.view.MgrsGrid;
import com.esri.arcgisruntime.mapping.view.UsngGrid;
import com.esri.arcgisruntime.mapping.view.UtmGrid;
import com.esri.arcgisruntime.symbology.LineSymbol;
import com.esri.arcgisruntime.symbology.SimpleLineSymbol;
import com.esri.arcgisruntime.symbology.TextSymbol;
public class DisplayGridController {
@FXML private MapView mapView;
@FXML private ComboBox<GridType> gridTypeComboBox;
@FXML private CheckBox labelsVisibleCheckBox;
@FXML private CheckBox gridVisibleCheckBox;
@FXML private ColorPicker gridColorPicker;
@FXML private ColorPicker labelColorPicker;
@FXML private ComboBox<Grid.LabelPosition> labelPositionComboBox;
@FXML private ComboBox<LatitudeLongitudeGrid.LabelFormat> labelFormatComboBox;
/**
* Used for combo box.
*/
private enum GridType {
LAT_LON, UTM, USNG, MGRS
}
public void initialize () {
// authentication with an API key or named user is required to access basemaps and other location services
String yourAPIKey = System.getProperty( "apiKey" );
ArcGISRuntimeEnvironment.setApiKey(yourAPIKey);
// create a map with the standard imagery basemap style
ArcGISMap map = new ArcGISMap(BasemapStyle.ARCGIS_IMAGERY_STANDARD);
// set the map to the map view
mapView.setMap(map);
// set a viewpoint on the map view
mapView.setViewpoint( new Viewpoint( new Point(- 10336141.70018318 , 5418213.05332071 ,
SpatialReferences.getWebMercator()), 6450785 ));
// set initial values for options
gridTypeComboBox.getItems().addAll(GridType.values());
gridTypeComboBox.setValue(GridType.LAT_LON);
gridColorPicker.setValue(Color.WHITE);
labelColorPicker.setValue(Color.RED);
labelPositionComboBox.getItems().addAll(Grid.LabelPosition.values());
labelPositionComboBox.setValue(Grid.LabelPosition.TOP_LEFT);
labelFormatComboBox.getItems().addAll(LatitudeLongitudeGrid.LabelFormat.values());
labelFormatComboBox.setValue(LatitudeLongitudeGrid.LabelFormat.DECIMAL_DEGREES);
// label position and format only apply to Lat Lon grid type
labelPositionComboBox.disableProperty().bind(Bindings.createBooleanBinding(() ->
gridTypeComboBox.getSelectionModel().getSelectedItem() != GridType.LAT_LON,
gridTypeComboBox.getSelectionModel().selectedItemProperty())
);
labelFormatComboBox.disableProperty().bind(Bindings.createBooleanBinding(() ->
gridTypeComboBox.getSelectionModel().getSelectedItem() != GridType.LAT_LON,
gridTypeComboBox.getSelectionModel().selectedItemProperty())
);
// update the grid with the default values on start
updateGrid();
}
/**
* Updates the map view's grid when the "Update" button is clicked.
*/
@FXML
private void updateGrid () {
// grid type
Grid grid = null ;
switch (gridTypeComboBox.getSelectionModel().getSelectedItem()) {
case LAT_LON:
grid = new LatitudeLongitudeGrid();
break ;
case UTM:
grid = new UtmGrid();
break ;
case USNG:
grid = new UsngGrid();
break ;
case MGRS:
grid = new MgrsGrid();
break ;
}
// color the grid lines and labels for each grid level
for ( int i = 0 ; i < grid.getLevelCount(); i++) {
// grid lines
LineSymbol gridLineSymbol = new SimpleLineSymbol(SimpleLineSymbol.Style.SOLID,
gridColorPicker.getValue(), 1 + i);
grid.setLineSymbol(i, gridLineSymbol);
// labels
TextSymbol labelTextSymbol = new TextSymbol( 14 , "text" , labelColorPicker.getValue(),
TextSymbol.HorizontalAlignment.LEFT, TextSymbol.VerticalAlignment.BOTTOM);
labelTextSymbol.setHaloColor(Color.WHITE);
labelTextSymbol.setHaloWidth( 2 + i);
grid.setTextSymbol(i, labelTextSymbol);
}
// grid visibility
grid.setVisible(gridVisibleCheckBox.isSelected());
// label visibility
grid.setLabelVisible(labelsVisibleCheckBox.isSelected());
// label position and format
if (grid instanceof LatitudeLongitudeGrid) {
grid.setLabelPosition(labelPositionComboBox.getSelectionModel().getSelectedItem());
((LatitudeLongitudeGrid) grid).setLabelFormat(labelFormatComboBox.getSelectionModel().getSelectedItem());
}
// set the grid
mapView.setGrid(grid);
}
/**
* Disposes of application resources.
*/
void terminate () {
if (mapView != null ) {
mapView.dispose();
}
}
}