maplibre/maplibre-gl-inspect

Maplibre GL Inspect adds an inspect control to maplibre-gl-js to view all features of the vector sources and allows hovering over features to see their properties.

MapLibre Organization

https://www.maplibre.org/

This repository contains various documents that define the MapLibre Organization such as the Charter, our Code of Conduct, the list of Voting Members, and more.

You also find here the results of past Governing Board elections.

Formatting

Markdown files in this repo are formatted with markdownlint. If you have formatting problems you can sometimes fix them with:

npx markdownlint-cli *.md --fix

maplibre-gl-inspect's Issues

Rename master branch to main

I think it would be nice if we could rename the master branch to main...

Some issues getting started

First off, thanks for continuing this plugin!

I'm having some issues getting started with it. I've tried both in a Nuxt (Vue 3) app with build tooling and modules as well as fairly standalone web pages.

I've put together a JSFiddle which appears to be a fairly minimal reproducible example: https://jsfiddle.net/L0uznyja/

Summary of issues:

• Wonky text formatting in popup (see screenshot; I expected it to be a bit more... columnar?)
• Setting showInspectMap: true doesn't actually change the style, at least in the case of a non-trivial style. However, the popups show up over the main style (also shown in screenshot)
• The icon for the button doesn't load
• Toggling to the inspect view just shows a white map. No issues are indicated in the browser or JSFiddle console.

It's quite probable that I'm just "holding it wrong" as I'm not much of a frontend dev to be honest :) Thanks in advance!

Changing a style causes failure

In maplibre 4 when using setStyle with diff: true, maplibre knows how to replace the map correctly without the former bailout.
Due to this "new" behavior if you setStyle with more than one source diff it may fail since render is called in the middle of the switch after the first source has changed.

Steps to reporduce:

1. initialize a map with a style that have a few sources and layers linked to them
2. call map.setStyle('new-style-url', {diff: true)
3. See the following error in the condole (for example): Source "Contour" cannot be removed while layer "Contour_contour_circle" is using it.

This is caused due to the setStyle inside render called due to the source changed event.

This is also described here:

• maplibre/maputnik#871

Solution:
Throttle the source changed calls with trail so that if there are multiple sources changes it will do them after the style has completed the transition.

setup branch protection

i believe this hasn't been set up since migration

Popup doesn't work correctly in some scenario

See the following issue:
maplibre/maputnik#576

Steps to reproduce:

1. Open inspect with the following configuration:

showMapPopup: true,
showMapPopupOnHover: false,
showInspectMapPopupOnHover: true,
blockHoverPopupOnClick: true,

2. click the map: popup is correctly displayed
3. switch the view to "Inspect"
4. click the map: popup is correctly displayed
5. switch the view back to "Map"
6. click the map: no popup is displayed

This is basically due to bad state condition when switching from one to the other.