maptalks/maptalks.js

maptalks.js (now upgrading to maptalks-gl) is a JavaScript library for displaying interactive maps in web browsers. It handles both 2D and 3D map rendering, and the newer maptalks-gl version is built entirely on WebGL, the browser technology used for hardware-accelerated graphics. The project is used for embedding maps with custom data visualizations into web applications. The library works with standard map data formats. Vector tiles are a format where map geometry (roads, buildings, boundaries) is served as compact binary data and rendered client-side in the browser, giving smooth zooming and styling control. The library also supports 3D Tiles, a format for streaming large 3D datasets like city models or terrain, and GLTF, a standard format for 3D models. This makes it possible to build maps that show real geographic data alongside 3D objects. The library is structured as a collection of packages. The core map handles the viewport, zoom, and pan controls. Separate layer packages handle vector tiles, 3D tiles, GLTF models, and video overlays. A group layer system lets multiple layer types render together in a shared WebGL context for better performance. Optional transcoder plugins handle compressed texture and geometry formats for users who need them. Installation is through npm, yarn, or pnpm. The library can also be included via a CDN script tag for projects that are not using a build system. The README notes that the library is actively being developed and the maptalks-gl version includes performance improvements and 3D analysis tools like traffic simulation. The repository is in the process of migrating from an older canvas-based rendering system to the WebGL-based maptalks-gl. Both the old and new source code live in this repository during the transition.