Help about ZoomControls

S_MMaruf

Hi , 

I am trying to develop zooControls like zoomIn and zoomOut.  i give below the code about zoomIn and ZoomOut.

public void zoomIn() {
double x, y;
x= mapView.getScaleX();
y= mapView.getScaleY();
mapView.setScaleX(x+1);
mapView.setScaleY(y+1);

}

public void zoomOut() {
double x, y;

x= mapView.getScaleX();
y= mapView.getScaleY();
mapView.setScaleX(x-1);
mapView.setScaleY(y-1);
}

but the problem is when i click zoomIn button the mapview is overlaping with other pane and when i click zoomOut , it is not working and mapview is not zoomout within its stackpane like mouse's zoomIn and zoomout. i attach some code snippet.

For my  map application, changes zoom level of map by +1 or -1 and default minimum zoom level is 0, default maximum zoom level is 18.

so , there is another way to work with directly with mapview's zoom level?? above code is not working like mouse's zooming. can you guys give recommendation how to solve this problem?

zoomIn.PNG

zoomOut.PNG

fxml.PNG

zoomMethods.PNG

2013-12-17_1314.jpg

2013-12-17_1313.png

2013-12-17_1319.jpg

EJSA2024_EIG_APR2025.pdf

gis_KIWI4_1-1752178283966.png

Grafico - resultado_corr.png

gis_KIWI4_0-1752177669260.png

BrittanyBurson_0-1621441053296.png

S_MMaruf

hi

i used different way to implement your code . but it doesnt working . i am little bit confused now where i put these code . i implemented in button action event but no result. my application is following decoupled way .can you check for where and what i am missing . also i am using javafxml to create view part of my map application. in my project button action event should be in another class.

// this is my map class//

public class IJMSMap implements MapInterface {
private MapView mapView;
private Point p;
private ArcGISMap map ;

@FXML private Button zoomOut;
@FXML private Button zoomIn;

ArcGISTiledLayer tiledLayer = new ArcGISTiledLayer("http://services.arcgisonline.com/arcgis/rest/services/Canvas/World_Light_Gray_Base/MapServer");

public IJMSMap(MapView mapView) {
this.mapView = mapView;

// create an ArcGISMap with the default imagery basemap
this.map = new ArcGISMap(new Basemap(tiledLayer));
// display the map by setting the map on the map view
mapView.setMap(this.map);
Point envelope = new Point(0.0, 0.0, SpatialReferences.getWgs84());
mapView.setViewpointGeometryAsync(envelope);
}

// this is controller class which contains zoom  button action event//

public class MapLayOutController implements Initializable {

@FXML
private StackPane MapPane ;
//private MapView MapView;
//private IJMSMap map;
@FXML private VBox controlVbox;
@FXML private Button zoomOut;
@FXML private Button zoomIn;
private CheckBox layer;
@FXML private HBox zoomBtnHbox;

private MapView MapView = new MapView();
private IJMSMap map = new IJMSMap(this.MapView);
ArcGISTiledLayer tiledLayer = new ArcGISTiledLayer("http://services.arcgisonline.com/arcgis/rest/services/Canvas/World_Light_Gray_Base/MapServer");

@FXML
private StackPane PanButtonContainerPane;

@Override
public void initialize(URL location, ResourceBundle resources) {
this.MapView = new MapView();
this.map = new IJMSMap(this.MapView);
}

this.PanButtonContainerPane.getChildren().add(MapView);

this.movePanNorth.toFront();

this.movePanEast.toFront();
this.MovePanSouth.toFront();
this.movePanWest.toFront();
this.zoomBtnHbox.toFront();

}

public void zoomIn(ActionEvent event) {

tiledLayer.addDoneLoadingListener(() -> {
var lods = tiledLayer.getTileInfo().getLevelsOfDetail();
zoomIn.setOnAction(a -> {
Viewpoint current = MapView.getCurrentViewpoint(Viewpoint.Type.CENTER_AND_SCALE);

Viewpoint zoomedIn = new Viewpoint((Point) current.getTargetGeometry(), current.getTargetScale() / 2.0);
MapView.setViewpointAsync(zoomedIn);
});


MapView.addMapScaleChangedListener(s -> zoomIn.setDisable(MapView.getMapScale() <= lods.get(18).getScale()));

});

}

public void zoomOut(ActionEvent event) {

tiledLayer.addDoneLoadingListener(() -> {
var lods = tiledLayer.getTileInfo().getLevelsOfDetail();
zoomIn.setOnAction(a -> {
Viewpoint current = MapView.getCurrentViewpoint(Viewpoint.Type.CENTER_AND_SCALE);

Viewpoint zoomedIn = new Viewpoint((Point) current.getTargetGeometry(), current.getTargetScale() / 2.0);
MapView.setViewpointAsync(zoomedIn);
});


MapView.addMapScaleChangedListener(s -> zoomIn.setDisable(MapView.getMapScale() >= lods.get(18).getScale()));

});


}