Top Level Geotools
Liên hệ
Liên hệ

Map Interface Basics

Guide to using Map Viewer in GeoCloud

T
Written by TLGeo
Read Time 3 min read
Posted on 2026-01-01

Map Interface Basics

In this guide, you will learn how to use Map Viewer in GeoCloud - where you can view, analyze and interact with GIS data.

Why Map Viewer is Important?

Map Viewer is the heart of GeoCloud, where GIS data comes alive. This is where you:

  • 🗺️ Visualize data in the most understandable way
  • 🔍 Spatial analysis to find insights
  • 🎨 Create beautiful maps for reports and presentations
  • 📊 Discover patterns in geographic data
  • 🤝 Share results with team and stakeholders

Interface Components

Map Canvas

Main area:

  • Display map and data
  • Zoom and pan functionality
  • Mouse/touch interaction
  • Context menu (right-click)

Navigation controls:

  • Zoom In/Out: + / - buttons
  • Pan: Drag map
  • Full Extent: Display all data
  • Home: Reset to initial view

Toolbar

Basic tools:

  • Select: Select features on map
  • Pan: Move map
  • Zoom: Zoom in/out
  • Identify: View feature information

Drawing tools:

  • Point: Draw point
  • Line: Draw line
  • Polygon: Draw area
  • Text: Add text label

Measurement tools:

  • Distance: Measure distance
  • Area: Measure area
  • Coordinates: View coordinates

Layer Panel

Layer List:

  • Toggle layer visibility
  • Rearrange layers (drag & drop)
  • Layer properties and settings
  • Opacity control

Layer Actions:

  • Zoom to Layer: Zoom to layer
  • Remove: Delete layer
  • Properties: Layer settings
  • Export: Download layer

Working with Layers

Add New Layer

From Project Data:

  1. Click “Add Layer” button
  2. Select “From Project”
  3. Browse and select data
  4. Click “Add to Map”

Manage Layers

Layer Order:

  • Drag and drop to rearrange
  • Top layer displays first
  • Background layers at bottom

Display Control:

  • Toggle with checkbox
  • Set opacity (0-100%)
  • Scale-dependent display

MapLibre GL Integration

GeoCloud uses MapLibre GL as the map engine:

High Performance

  • Vector tiles rendering
  • Hardware acceleration
  • Smooth animations
  • 60 FPS interactions

Flexible Styling

  • Style JSON configuration
  • Custom shaders
  • 3D visualization
  • Dynamic styling

Mobile-Friendly

  • Touch gestures
  • Retina display support
  • Offline capabilities
  • Progressive loading

Keyboard Shortcuts

  • Space + Drag: Pan map
  • Scroll: Zoom in/out
  • Shift + Drag: Zoom to rectangle
  • R: Reset to full extent

Tools

  • S: Select tool
  • P: Pan tool
  • I: Identify tool
  • M: Measure tool

Next

👉 Sharing and Permissions - Learn how to share projects and manage access rights