logo
API Documentation
Tutorials
Getting Started Initialization Layers Third party Controls Geometries Vector styles Measures InfoBox Utils
Releases

Tutorials

  • Getting Started
    • Setup
  • Initialization
    • Init with token
    • Init with username/password
    • Init with constrained zoom levels
    • Init empty map
    • Init with multiple maps
    • Init in 3D mode
    • Init with image 3D mode
    • Init map with a restricted extent
  • Layers
    • XYZ Tile
    • WMS Tile
    • WMTS Tile
    • Vector Layer
    • Vector Tiles
    • WFS Layer
    • ArcGIS Feature
    • Group Layer
  • Third party
    • Google
    • Google side by side
    • Cesium
  • Controls
    • Basics
    • Map modes
    • Map orientations
    • Layer control
    • Zoom control
    • Map Bar Control
    • Map Button
    • Map Toggle
    • Vexcel image metadata
    • Vexcel find collection
    • Vexcel show collection
    • Vexcel Infrared
    • Brightness and Contrast Control
  • Geometries
    • Point
    • Line
    • Polygon
    • MultiPolygon
    • WKT reader
    • GeoJSON reader
    • Feature click
    • Feature hover
  • Vector styles
    • Polygon styles
    • Point styles
    • Point shapes styles
    • Text styles
    • Feature styles
  • Measures
    • 2D mode
    • 3D mode
    • Change units
    • Edit
    • Tooltips
    • Custom Tooltips
  • InfoBox
    • InfoBox fixed
    • InfoBox on click
    • InfoBox feature
  • Utils
    • Transform

Tutorial

Basics


This tutorial demonstrates how to implement and use basic map controls in your map application. These fundamental controls allow you to interact with the map by changing its view properties and retrieving information about the current state.

You'll learn how to:

  • Set and get the current zoom level of the map
  • Set and get the center location of the map
  • Set and get the extent (visible area) of the map
  • Retrieve information about the currently visible imagery

Those bits are specially useful to build an status panel or to use in conjunction to Vexcel API.


Zoom control

Center Controls

Extent Controls

Imagery Date

Date:
Collection:

Classes:

  • Extent
  • Location
  • Map
  • MapStatusView

index.html

            
        

main.js

            
        

Documentation generated by Vexcel Imaging