MapLibre GL JS - Interactive vector tile maps in the browser
This report summarizes scanner evidence for maplibre/maplibre-gl-js, a TypeScript project with 11,985 GitHub stars. SynthScan examined 379,903 lines of code across 2903 source files, recording 169 pattern matches distributed across 9 syntactic categories. The legacy adjusted pattern signal is 0.6 (Low pattern signal); it is not an authorship estimate.
Use the findings to ask whether maintainers can explain intent, verify dependencies, simplify unnecessary scaffolding, and focus review effort. Risk Payload v1 adds ownership, supply-chain, over-engineering, and review-effort vectors when available. These are prompts for human verification, not probabilities, security findings, or measured maintenance costs.
Use each vector to guide manual verification of the underlying findings.
Payload schema: 1.0.0 · Engine: 2.0.0 · Scoring: heuristic-density-v1 · Scan date: 2026-10-31.
Can maintainers explain intent, assumptions, and trade-offs? 155 finding(s).
Are imports declared and package/API names verified? 12 finding(s).
Are wrappers, guards, and repeated structures necessary? 126 finding(s).
Which changes need focused human review? 169 finding(s).
This chart tracks the legacy adjusted pattern score across scan runs. Changes can reflect source changes, scan coverage, or detector/scoring versions; they do not measure AI adoption or prove that a team refactored code. Compare runs only when their scoring versions are compatible. The dashed line tracks the raw pattern-hit count.
Groups findings by configured severity weight. Severity is not a confidence estimate, security rating, or proof that a package is missing. Verify imports against the project's manifests and inspect each finding in its local design context.
This horizontal bar chart shows where configured pattern scores accumulate across directories. Treat the bars as locations to inspect, not as evidence of authorship or code quality. Use the file-level findings to decide whether a directory needs a focused ownership, dependency, complexity, or review check.
The scanner identified 169 distinct pattern matches across 9 syntactic categories. Each entry below represents a discrete location in the source code where the engine recorded a detector match to inspect in context. Expand any category row to inspect the individual file paths, line numbers, code snippets, and the lexical context (CODE, COMMENT, or STRING) in which each match was detected.
Reading the findings table: The Severity column indicates the configured finding weight (CRITICAL / HIGH / MEDIUM / LOW). The Context column identifies whether the match occurred inside executable code, an inline comment, or a string literal — legacy comment-context matches receive a ×1.5 score weight. The ⚡ bolt icon marks clustered matches: three or more patterns within a 10-line window, each receiving an additional ×1.5 density multiplier under the legacy scoring model.
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| LOW | test/examples/raycast-3d-tiles-using-threejs.html | 134 | function raycastFromOriginAndDirection(ecef_origin, ecef_direction) { | CODE |
| LOW | src/index.ts | 162 | function getMaxParallelImageRequests(): number { return config.MAX_PARALLEL_IMAGE_REQUESTS; } | CODE |
| LOW | src/index.ts | 172 | function setMaxParallelImageRequests(numRequests: number): void { config.MAX_PARALLEL_IMAGE_REQUESTS = numRequests; } | CODE |
| LOW | src/ui/camera.test.ts | 58 | async function simulateAllAnimationFrames(stub: ReturnType<typeof vi.spyOn>, camera: Camera, queue: TaskQueue, duration: | CODE |
| LOW | src/ui/handler/mouse.ts | 59 | export function generateMouseRotationHandler({enable, clickTolerance, minPixelCenterThreshold = 100, rotateSpeed = 0.8}: | CODE |
| LOW | src/ui/handler/mouse.ts | 100 | export function generateMousePitchHandler({enable, clickTolerance, pitchSpeed = -0.5}: { | CODE |
| LOW | src/ui/handler/tap_drag_zoom.test.ts | 35 | function startDoubleTapDragGesture(map: Map, target: HTMLElement) { | CODE |
| LOW | src/ui/map_tests/map_terrain.test.ts | 526 | function startPitchDragThatSwitchesTerrainOn(map: Map): void { | CODE |
| LOW | src/ui/map_tests/map_terrain.test.ts | 1355 | function southwardCameraMovesOverFrames(map: Map, frame: () => void, count: number): number[] { | CODE |
| LOW | src/ui/map_tests/map_terrain.test.ts | 1369 | async function createMapOverShapedTerrain(options: Partial<MapOptions>, height: TerrainHeight, min: number, max: num | CODE |
| LOW | src/ui/map_tests/map_terrain.test.ts | 1577 | async function cameraMovesZoomingOutOver(height: TerrainHeight, max: number): Promise<number[]> { | CODE |
| LOW | src/ui/control/geolocate_control.test.ts | 30 | function createResizeObserverEntryMock() { | CODE |
| LOW | src/util/intersection_tests.ts | 24 | function polygonIntersectsBufferedPoint(polygon: Polygon, point: Point, radius: number): boolean { | CODE |
| LOW | src/util/intersection_tests.ts | 29 | function polygonIntersectsMultiPolygon(polygon: Polygon, multiPolygon: MultiPolygon): boolean { | CODE |
| LOW | src/util/intersection_tests.ts | 52 | function polygonIntersectsBufferedMultiLine(polygon: Polygon, multiLine: MultiLine, radius: number): boolean { | CODE |
| LOW | src/util/intersection_tests.ts | 66 | function lineIntersectsBufferedLine(lineA: Line, lineB: Line, radius: number) { | CODE |
| LOW | src/util/intersection_tests.ts | 98 | function lineSegmentIntersectsLineSegment(a0: Point, a1: Point, b0: Point, b1: Point) { | CODE |
| LOW | src/util/intersection_tests.ts | 103 | function pointIntersectsBufferedLine(p: Point, line: Line, radius: number) { | CODE |
| LOW | src/util/intersection_tests.ts | 128 | function multiPolygonContainsPoint(rings: Ring[], p: Point) { | CODE |
| LOW | src/util/create_tile_mesh.ts | 80 | export function createTileMeshWithBuffers(context: Context, options: CreateTileMeshOptions): Mesh { | CODE |
| LOW | src/util/geojson_bounds.ts | 15 | function getCoordinatesFromGeometry(geometry: GeoJSON.Geometry | null): number[][] { | CODE |
| LOW | src/util/geojson_reproject.ts | 88 | export function reprojectGeoJSONSourceDiffToWorld(diff: GeoJSONSourceDiff, crsHelper: CRSWorldCoordinateHelper): GeoJSON | CODE |
| LOW⚡ | src/util/script_detection.ts | 14 | export function charIsSymbolOrPunctuation(codePoint: number): boolean { | CODE |
| LOW⚡ | src/util/script_detection.ts | 18 | export function allowsIdeographicBreaking(chars: string): boolean { | CODE |
| LOW⚡ | src/util/script_detection.ts | 25 | export function allowsVerticalWritingMode(chars: string): boolean { | CODE |
| LOW | src/util/script_detection.ts | 57 | export function charHasRotatedVerticalOrientation(char: number): boolean { | CODE |
| LOW | src/util/script_detection.ts | 62 | export function charInComplexShapingScript(char: number): boolean { | CODE |
| LOW | src/util/find_pole_of_inaccessibility.ts | 14 | export function findPoleOfInaccessibility( | CODE |
| LOW | src/util/util.ts | 213 | export function differenceOfAnglesDegrees(degreesA: number, degreesB: number): number { | CODE |
| LOW | src/util/util.ts | 229 | export function differenceOfAnglesRadians(degreesA: number, degreesB: number): number { | CODE |
| LOW | src/util/util.ts | 850 | function computeVideoFrameParameters(image: Size, x: number, y: number, width: number, height: number): VideoFrameCopyTo | CODE |
| LOW | src/util/util.ts | 924 | export function readImageDataUsingOffscreenCanvas( | CODE |
| LOW | src/util/util.ts | 1187 | export function isTouchableOrPointableType(eventType: string): boolean { | CODE |
| LOW | src/util/offscreen_canvas_distorted.ts | 12 | export function isOffscreenCanvasDistorted(): boolean { | CODE |
| LOW | src/util/web_worker_transfer.ts | 109 | function isSerializeHandledByBuiltin(input: unknown) { | CODE |
| LOW | src/util/test/util.ts | 346 | export function createRasterDEMTileManager(): TileManager { | CODE |
| LOW | src/util/test/util.ts | 427 | export function createIdentityCrsTransform(width: number, height: number): MercatorTransform { | CODE |
| LOW | src/util/test/util.ts | 465 | export function createIdentityCrsAnsweringInside(answerOutside: number[] | null): CRS { | CODE |
| LOW | src/util/test/util.ts | 522 | export function createPolarStereographicCrs(): CRS { | CODE |
| LOW | src/util/primitives/frustum.ts | 84 | function adjustFarPlaneByHorizonPlane(frustumCoords: vec4[], nearPlanePointsIndices: number[], horizonPlane: vec4, flipp | CODE |
| LOW | src/util/primitives/frustum.ts | 155 | function getIdealNearFarPlaneDistance(horizonPlane: vec4, nearPlaneNormalized: vec4): number | null { | CODE |
| LOW | src/source/image_source.ts | 572 | export function getCoordinatesCenterTileID(coords: MercatorCoordinate[]): CanonicalTileID { | CODE |
| LOW | src/source/rtl_text_plugin_main_thread.ts | 107 | export function rtlMainThreadPluginFactory(): RTLMainThreadPlugin { | CODE |
| LOW | src/source/image_source.test.ts | 29 | async function createLoadedSourceWithTile(map: Map, server: FakeServer) { | CODE |
| LOW | src/source/query_features.ts | 247 | function mergeRenderedFeatureLayers(tiles: RenderedFeatureLayer[]): QueryResults { | CODE |
| LOW | src/source/query_features.ts | 271 | function convertFeaturesToMapFeatures(result: QueryResults, tileManager: TileManager): QueryRenderedFeaturesResults { | CODE |
| LOW | src/source/query_features.ts | 281 | function convertFeaturesToMapFeaturesMultiple(result: QueryResults, styleLayers: {[_: string]: StyleLayer}, tileManagers | CODE |
| LOW | src/source/query_features.ts | 293 | function convertFeatureToMapFeature(featureWrapper: QueryResultsItem, tileManager: TileManager) { | CODE |
| LOW | src/source/rtl_text_plugin_main_thread.test.ts | 39 | function broadcastMockSuccessDefer(message: MessageType, payload: PluginState): Promise<PluginState[]> { | CODE |
| LOW | src/geo/projection/mercator_utils.ts | 26 | export function tileCoordinatesToMercatorCoordinates(inTileX: number, inTileY: number, canonicalTileID: {x: number; y: n | CODE |
| LOW | src/geo/projection/mercator_utils.ts | 38 | export function getMercatorTileCoordinates(overscaledTileID?: {canonical: {x: number; y: number; z: number}} | null): [n | CODE |
| LOW | src/geo/projection/mercator_utils.ts | 57 | export function tileCoordinatesToLocation(inTileX: number, inTileY: number, canonicalTileID: {x: number; y: number; z: n | CODE |
| LOW | src/geo/projection/mercator_utils.ts | 68 | export function projectToWorldCoordinates(worldSize: number, lnglat: LngLat, helper: WorldCoordinateHelper): Point { | CODE |
| LOW | src/geo/projection/mercator_utils.ts | 81 | export function unprojectFromWorldCoordinates(worldSize: number, point: Point, helper: WorldCoordinateHelper): LngLat { | CODE |
| LOW | src/geo/projection/mercator_utils.ts | 115 | export function cameraMercatorCoordinateFromCenterAndRotation(centerMercator: MercatorCoordinate, pitch: number, bearing | CODE |
| LOW | src/geo/projection/mercator_utils.ts | 146 | export function cameraDirectionFromPitchBearing(pitch: number, bearing: number): {x: number; y: number; z: number} { | CODE |
| LOW | src/geo/projection/projection_factory.ts | 95 | function findRegisteredProjectionName(expression: unknown[]): string | undefined { | CODE |
| LOW | src/geo/projection/covering_tiles.ts | 129 | export function createCalculateTileZoomFunction(maxZoomLevelsOnScreen: number, tileCountMaxMinRatio: number): CalculateT | CODE |
| LOW | src/geo/projection/covering_tiles.ts | 206 | function getElevationForTileCulling(transform: IReadonlyTransform, maxContentElevation?: number): number { | CODE |
| LOW | src/geo/projection/covering_tiles.ts | 260 | export function expandCullingToContentElevation(frustum: Frustum, plane: vec4, cameraPos: vec3, maxContentElevation: num | CODE |
| 64 more matches not shown… | ||||
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| CRITICAL | …examples/add-a-custom-layer-with-tiles-to-a-globe.html | 191 | const granularity = map.style.projection.subdivisionGranularity.tile.getGranularityForZoomLevel(z); | CODE |
| CRITICAL | src/ui/map_tests/map_basic.test.ts | 130 | map.style.tileManagers.geojson._inViewTiles.setTile(fakeTileId.key, new Tile(fakeTileId, undefined)); | CODE |
| CRITICAL | src/ui/map_tests/map_basic.test.ts | 132 | map.style.tileManagers.geojson._inViewTiles.getTileById(fakeTileId.key).state = 'loaded'; | CODE |
| CRITICAL | src/util/create_tile_mesh.ts | 106 | * granularity: map.style.projection.subdivisionGranularity.tile.getGranularityForZoomLevel(tileID.z), | COMMENT |
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| LOW | test/examples/create-a-time-slider.html | 101 | const filters = ['==', 'month', month]; | COMMENT |
| LOW | …examples/add-a-custom-layer-with-tiles-to-a-globe.html | 41 | // web mercator tiles with a custom shader. | COMMENT |
| LOW | test/examples/add-a-simple-custom-layer-on-a-globe.html | 81 | // in range 0..EXTENT (8192), but for custom layers MapLibre supplies uniforms such that | COMMENT |
| LOW | test/examples/add-a-simple-custom-layer-on-a-globe.html | 161 | helsinki.y, | COMMENT |
| LOW | .github/workflows/codeql-analysis.yml | 1 | # For most projects, this workflow file will not need changing; you simply need | COMMENT |
| LOW | .github/workflows/codeql-analysis.yml | 61 | # 📚 https://git.io/JvXDl | COMMENT |
| LOW | src/util/ref_properties.ts | 1 | import type {FillLayerSpecification} from '@maplibre/maplibre-gl-style-spec'; | COMMENT |
| LOW | …eo/projection/globe_covering_tiles_details_provider.ts | 221 | // We will also include the tile center point, since it will always be an extreme for the "center" axis. | COMMENT |
| LOW | src/geo/projection/vertical_perspective_transform.ts | 341 | // ggggggggg | COMMENT |
| LOW | src/geo/projection/vertical_perspective_transform.ts | 781 | vec3.rotateY(rotatedPixelVector, vecToPixelCurrent, zero, -this._cameraState.center.lng * Math.PI / 180.0); | COMMENT |
| LOW | src/render/subdivision.test.ts | 341 | // 3: 12 | COMMENT |
| LOW | src/render/subdivision.test.ts | 361 | 10, 2, 9, | COMMENT |
| LOW | src/render/subdivision.test.ts | 521 | COMMENT | |
| LOW | src/render/subdivision.test.ts | 941 | // | | | | | | COMMENT |
| LOW | src/render/subdivision.ts | 241 | } | COMMENT |
| LOW | src/render/subdivision.ts | 381 | // a | COMMENT |
| LOW | src/style/style.ts | 1601 | // The order between a feature in a 2D layer and a 3D layer is tricky: | COMMENT |
| LOW | src/symbol/quads.ts | 301 | const br = new Point(x2, y2); | COMMENT |
| LOW | src/symbol/placement.ts | 461 | // of the collision grid). | COMMENT |
| LOW | src/data/bucket/line_bucket.ts | 361 | COMMENT |
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| LOW | src/source/geojson_worker_source.test.ts | 216 | // Step 1: Create source and load data | COMMENT |
| LOW⚡ | src/source/geojson_worker_source.test.ts | 234 | // Step 2: Call loadTile and have it abort | COMMENT |
| LOW⚡ | src/source/geojson_worker_source.test.ts | 243 | // Step 3: Call reloadTile and have it abort | COMMENT |
| LOW⚡ | src/source/geojson_worker_source.test.ts | 252 | // Step 4: Call reloadTile | COMMENT |
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| LOW | src/source/geojson_worker_source.test.ts | 216 | // Step 1: Create source and load data | COMMENT |
| LOW⚡ | src/source/geojson_worker_source.test.ts | 234 | // Step 2: Call loadTile and have it abort | COMMENT |
| LOW⚡ | src/source/geojson_worker_source.test.ts | 243 | // Step 3: Call reloadTile and have it abort | COMMENT |
| LOW⚡ | src/source/geojson_worker_source.test.ts | 252 | // Step 4: Call reloadTile | COMMENT |
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| LOW | …ts/text-max-width/zero-width-line-placement/style.json | 56 | "text-field": "Lorem ipsum dolor sit amet.", | CODE |
| LOW | …ts/text-max-width/zero-width-line-placement/style.json | 56 | "text-field": "Lorem ipsum dolor sit amet.", | CODE |
| LOW | …s/text-max-width/zero-width-point-placement/style.json | 45 | "text-field": "Lorem ipsum dolor sit amet, consectetur adipiscing elit.", | CODE |
| LOW | …s/text-max-width/zero-width-point-placement/style.json | 45 | "text-field": "Lorem ipsum dolor sit amet, consectetur adipiscing elit.", | CODE |
| LOW | …-max-width/zero-width-line-center-placement/style.json | 56 | "text-field": "Lorem ipsum dolor sit amet.", | CODE |
| LOW | …-max-width/zero-width-line-center-placement/style.json | 56 | "text-field": "Lorem ipsum dolor sit amet.", | CODE |
| LOW | …render/tests/line-layer-opacity/line-offset/style.json | 21 | "name": "Lorem ipsum dolor sit amet" | CODE |
| LOW | …render/tests/line-layer-opacity/line-offset/style.json | 21 | "name": "Lorem ipsum dolor sit amet" | CODE |
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| MEDIUM | src/data/bucket/fill_extrusion_bucket.ts | 303 | // ┌──────┐ | COMMENT |
| MEDIUM | src/data/bucket/fill_extrusion_bucket.ts | 307 | // └──────┘ | COMMENT |
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| MEDIUM | package-lock.json | 11472 | "resolved": "https://registry.npmjs.org/robust-predicates/-/robust-predicates-3.0.3.tgz", | CODE |
| MEDIUM | src/tile/tile_manager.ts | 484 | // In order to make this transition seamless, we calculate the rounded difference of | COMMENT |
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| LOW | test/examples/check-if-webgl-is-supported.html | 47 | // Don't forget to log the error to the console | COMMENT |