Comments (5)
protomaps-themes-base: 1.22.19
please use version 2.0.0-alpha.6
from basemaps.
Just updated to the most recent version and I'm getting the same issue.
export 'layers' (imported as 'layers') was not found in 'protomaps-themes-base' (module has no exports)
Code:
import { useEffect } from "react";
import Map from "react-map-gl";
import maplibregl from "maplibre-gl";
import "maplibre-gl/dist/maplibre-gl.css";
import { Protocol } from "pmtiles";
import { layers } from 'protomaps-themes-base';
export default function MaplibreViewer() {
useEffect(() => {
let protocol = new Protocol();
maplibregl.addProtocol("pmtiles", protocol.tile);
return () => {
maplibregl.removeProtocol("pmtiles");
};
}, []);
return (
Hello World
<Map
style={{ width: 600, height: 400 }}
mapStyle={{
version: 8,
sources: {
protomaps: {
type: "vector",
url: "pmtiles://https://example.com/example.pmtiles",
// ^-- Remember to prefix the URL with pmtiles://
attribution: 'Protomaps © OpenStreetMap'
}
},
layers: layers("protomaps","light")
}}
mapLib={maplibregl}
/>
);
}
from basemaps.
Can you please try [email protected] and push a minimal repo to reproduce the above steps including package.json and build tool / step?
from basemaps.
Thanks for working with me on this I really appreciate it.
Moving from 2.0.0-alpha.6 to simply ^2.0.0 seems to some my issues with the module having no exports. However while I no longer get this error with this change the map still doesn't get styled correctly. I have linked a minimal repo with the package.json below.
from basemaps.
you are missing the glyphs
key in your style as the console error shows, see https://docs.protomaps.com/basemaps/maplibre
from basemaps.
Related Issues (20)
- Low contrast in the "contrast" style HOT 5
- pmtiles center coordinates wrong (was:not able to render pmtiles file in maplibreGL) HOT 7
- Place labels in Uganda HOT 3
- Poor low-zoom generalization of linear water features comprised of areas HOT 1
- More simplification on country borders HOT 3
- Some landuse elements missing: village_green, allotments, playground HOT 6
- School Building heights are being incorrectly parsed/inferred HOT 3
- Rome vs Vatican State HOT 5
- Disconnected roads at zooms < 6 HOT 3
- Major road minzoom HOT 3
- More baselayers HOT 3
- make monaco fails on first run HOT 1
- better minzoom ranking for water labels HOT 1
- TS and JS build files of npm package out of sync HOT 19
- Add basic support for sprites HOT 5
- Mechanism for disputed map labels HOT 2
- Generate basemap with richer/more specific tags/layers HOT 4
- City name "Poitiers" not completely displayed when using MapLibre HOT 1
- Buildings with 'railway'-tag also show a railway outline HOT 5
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from basemaps.