Questions tagged [maplibre-gl]

Questions about MapLibre GL, a community-governed collection of open source mapping libraries.

web site: https://maplibre.org/

About:

MapLibre is a community-governed collection of open source mapping libraries. Which believes in building and maintaining freely licensed libraries that enable developers worldwide to build vital tools using maps.

Motivated by the 2020 transition to proprietary licensing for Mapbox GL JS, the initial libraries are forks of the Mapbox GL ecosystem—for the web and mobile platforms.

Goal is to continue building on the foundation of Mapbox’s original open-source code under the BSD license without tracking end-users.

81 questions
0
votes
0 answers

Maplibre : Access 'way' and 'relation' ID from the mbtiles on the map - queryRenderedFeatures

I'm using the queryRenderedFeatures function from https://maplibre.org/maplibre-gl-js-docs/example/queryrenderedfeatures/ to query all features over the mouse on a MapLibre map. I have access to all Node, and the id identified in the windows looks…
0
votes
0 answers

How to hide the AWS Geofences list in React AmplifyGeofenceControl

How to hide the list of Geofences. I am using from the AmplifyGeofenceControl from "maplibre-gl-js-amplify"; Please find the source code below. import { Button, CheckboxField, Flex, LocationSearch, MapView, …
0
votes
1 answer

Update maplibre/mapbox geoJSON line, from sockets.io data

I am currently receiving on client side, some coordinates (lat, lon) from my Node-Express-Socket.IO server. I am using these coordinates to update a marker, with my callback function: socket.on("geolocation-data", function(msg) { //…
0
votes
1 answer

How to make MapLibre GL interactive in Full Screen mode?

Hi) I want to create map with option interactive: false, but in full screen this param make true. Any ideas? const _map = new MapGL({ container: elementName, style: this.maplibreGlDataFromJsonService.getMapStyleConstants(), …
AnchikM
  • 3
  • 1
0
votes
0 answers

React-map-GL and Maplibre How to make a toggle button for cluster on. Problem: Map doesn´t update

The problem: The map doesn´t update. Hello! I´m trying to make a button that will toggle on/off map clustering. I followed the example here:https://visgl.github.io/react-map-gl/examples/clusters. I whant to be able to toggle it, like this example on…
nicmano
  • 123
  • 2
  • 12
0
votes
0 answers

maplibre build-dev "TypeError: defaultLoader is not a function"

Getting the error below trying to build maplibre on my Windows box. Followed the CONTRIBUTING.md steps (node, windows-dev-tools, npm i, ...) and I'm currently stuck on this error. I've paved clean the repo, reinstalled node / windows-dev-tools, ...…
Vasco
  • 1
  • 1
0
votes
1 answer

How to zoom in and out with buttons on MGLMapView using Swift?

I'm a newbie and I am trying to make a simple map project. I want to zoom in and out with buttons on the map but it's not working. I already tried using MKMapView but I can't change MGLMapView to MKMapView. I tried to set a mglMapCamera variable in…
Eda
  • 23
  • 5
0
votes
1 answer

Maplibre-gl-js 2.1.6 Missing .g files in gitHub repository

I'm trying to get the maplibre 2.1.6 development code from the github repository so I can develop locally, which I have done before with version 1.14. I get the repository .zip file. When I try a build, it fails with messages that .g files can not…
0
votes
1 answer

How to send event as argument to a angular function when using maplibre?

how to do it in angular, primarly how to catch an moveend event in angular using maplibre and send it to a function as argument code in component.html
0
votes
1 answer

How to install MapLibre-gl in React Native CLI

I am trying to install MapLibre-gl in react native CLI but I can't find any useful documentation or any step-by-step guide, all I found was some complex stuff that leads to many errors. I need some explanation on how to install it since there is no…
Bassel Turky
  • 371
  • 7
  • 15
0
votes
0 answers

Converting of Binary Data in Javascript

map.loadImage('works/static/src/img/icon2.png', function(error, image) { if (error) { console.log(error) } map.addImage('icon2', image); Hello everyone.I am woking on the a web map project by using maplibre-gl-js.I can…
Anil_Can
  • 3
  • 2
0
votes
1 answer

maplibre-gl - clusteered source doesn't render some of the features

I have a clustered geojson source with more than 500 features. I added two layers for this source: one for rendering single features when there is no point_count and another when there is point_count (based on this example in the docs:…
kaveh
  • 2,046
  • 1
  • 21
  • 33
0
votes
3 answers

How to get MapLibre Layers properties?

Please help, I have been suffering since 5 days. How can I get all layer Idsof a MapLibre map ? function addLayer(map, options, layer) { let currentLayer = edges_data_api.find( element => element.edge_id ===…
aba2s
  • 452
  • 2
  • 18
0
votes
1 answer

maplibregl doesn't show in production

I add maplibregl in my react js project but https://api.maptiler.com/tiles/v3/2/0/2.pbf?key=my-key does not load. map = new maplibregl.Map({ container: 'map', style:…
Samira
  • 2,361
  • 1
  • 12
  • 21
0
votes
2 answers

Gatsby/Maplibre/Webpack-Error: maplibre_gl__WEBPACK_IMPORTED_MODULE_2__.maplibregl is undefined

I like to show a maplibre map in my gatsby site. I can do it in React. gatsby develop does not show me an error. but I get in firefox on runtime this error: maplibre_gl__WEBPACK_IMPORTED_MODULE_2__.maplibregl is undefined In Chrome it looks like…
astridx
  • 6,581
  • 4
  • 17
  • 35