maptalks.js

fusion.gl is a WebGL sandbox library that allows multiple sandbox WebGL environments to share a single WebGL Context. This is useful for integrating different WebGL frameworks (like Three.js) into the same canvas without state conflicts.

Key features:

• Simulates full WebGL1 and partial WebGL2 interfaces.
• Manages state for each individual sandbox WebGLContext.
• Automatically sets WebGL Context states (such as stencil, depth, and blend) when switching between sandboxes.
• Performance optimization: avoids redundant WebGL state commands if the requested state is already set.

maptalks is a lightweight JavaScript library designed for creating integrated 2D/3D maps. Key features include:

• 2D/3D Integration: Seamlessly handle both 2D and 3D mapping needs.
• Pluggable Architecture: Easily extend functionality using a wide range of plugins.
• High Performance: Capable of smoothly rendering tens of thousands of geometries.
• Server-Side Rendering (SSR): Supports rendering on the server side using Node.js.
• Simplicity: Designed to be easy to learn and use for most mapping requirements.

The traffic package is a tool designed to render traffic effects on maps, inspired by the lo-th/root project. You can view the implementation and visual results in the official demo.

https://fuzhenn.github.io/traffic/demo/

You can install the maptalks.analysis plugin using npm or via a CDN.

npm:

npm install @maptalks/analysis

CDN: Use the following unpkg URL: https://unpkg.com/@maptalks/analysis/dist/maptalks.analysis.js

Download the latest release from GitHub and reference the local paths to the CSS and JS files in your HTML page.

<link href="path/to/maptalks.css" rel="stylesheet" type="text/css" />
<script src="path/to/maptalks.min.js" type="text/javascript"></script>

You can install the TransformControl plugin via npm or use it directly from a CDN.

NPM:

npm install @maptalks/transform-control

CDN: https://unpkg.com/@maptalks/transform-control/dist/transform-control.js

To add maptalks to your project using a package manager, run the following command:

npm install maptalks --save

To use the 3dtiles plugin, include the following scripts in your HTML. Note that it requires maptalks and @maptalks/gl as dependencies.

<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/maptalks@next/dist/maptalks.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@maptalks/gl/dist/maptalksgl.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@maptalks/3dtiles@latest/dist/maptalks.3dtiles.js"></script>

You can include maptalks directly in your HTML file using a CDN. Ensure you include both the CSS and the JavaScript files.

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/maptalks/dist/maptalks.min.css">
<script src="https://cdn.jsdelivr.net/npm/maptalks/dist/maptalks.min.js"></script>

To contribute or debug the codebase, ensure you meet the following requirements:

• Node.js: Minimum version 18.16.1.
• Package Manager: pnpm@9.x is currently used.

Commands

• Install dependencies: pnpm i
• Compile project: pnpm build
• Run in watch/debug mode: pnpm run dev (run this in the root folder of the package you are debugging).

You can install the GLTF layer package using npm or include it via CDN.

```bash
npm install @maptalks/gltf-layer

Or use unpkg CDN: https://unpkg.com/@maptalks/gltf-layer@0.2.0/dist/maptalks.gltf.js