GTS Maps SDK

Powerful, flexible, and high-performance mapping library for creating interactive web maps. Built with modern web technologies and designed for developers who need robust geospatial capabilities.

Get Started View Examples

Why Choose GTS Maps SDK? 🚀

High Performance

Optimized rendering engine that handles large datasets smoothly with WebGL acceleration and efficient memory management.

Fully Responsive

Works seamlessly across all devices and screen sizes with touch-friendly controls and adaptive rendering.

Modular Architecture

Import only what you need. Lightweight core with optional modules for advanced functionality and custom extensions.

Rich Geospatial Tools

Comprehensive suite of spatial utilities for measurement, analysis, and geometry operations right out of the box.

Customizable Styling

Complete control over map appearance with CSS-like styling, expressions, and dynamic theming capabilities.

Enterprise Ready

Built with security, scalability, and maintainability in mind. Perfect for mission-critical applications.

Quick Start

1

Installation

Include the CDN in your project.

<link rel='stylesheet' href='https://example.globaltrafficsystem.com/assets/mapsdk/v1.0/gtswebsdk-gl.css'/>
<script src='https://example.globaltrafficsystem.com/assets/mapsdk/v1.0/gtswebsdk-gl.js'></script>
2

Create a Map

Initialize a map with basic configuration in your HTML.

const map = new gtswebsdkgl.Map({
  target: 'map',
  center: [-74.5, 40],
  zoom: 9
  ....
});
3

Add Your Data

Load GeoJSON, vector tiles, or other data sources onto the map.

map.addSource('my-data', {
  type: 'geojson',
  data: 'https://example.com/data.geojson'
});
4

Style and Customize

Apply styles, add interactivity, and customize the user experience.

map.addLayer({
  id: 'data-layer',
  type: 'circle',
  source: 'my-data',
  paint: {
    'circle-color': '#ff0000'
  }
});

API Modules Overview 📚

The GTS Maps SDK is organized into modular components that you can use independently or together to build powerful mapping applications.

Map

Core map container and rendering engine. Handles viewport, layers, sources, and user interactions.

Marker

Interactive point markers with custom icons, popups, and draggable functionality.

Popup

Flexible popup windows for displaying rich content associated with map features.

Controls

Navigation controls, scale bars, attribution, and custom UI components.

Source

Data source management for GeoJSON, vector tiles, raster tiles, and custom formats.

Layer

Defines the visual appearance and rendering of data sources on the map, including dynamic styling and filtering.

Spatial Utils

Comprehensive geospatial operations: measurement, analysis, and geometry processing.

Converter

Coordinate transformation, projection utilities, and format conversion tools.

Expressions

Dynamic styling and data manipulation using powerful expression language.

Draw

Tools for drawing, editing, and deleting geometric features (points, lines, polygons) directly on the map.

Additional Resources 📖

Explore these resources to get the most out of the GTS Maps SDK.

Examples

Ready-to-use code examples for various mapping scenarios.

View Examples

API Reference

Complete documentation for all classes, methods, and properties.

Browse API