Comments (8)
OpenLayers uses browser (or web) fonts for font rendering, but the Mapbox Style format uses fonts in PBF/SDF encoding. ol-mapbox-style tries to download the font from Google Fonts. If it's not available there, you need to make sure that the map page loads all required fonts.
from ol-mapbox-style.
thank you for your help.
I prepared a vector tile in ArcGIS. I'm trying to view using the mapbox style.
The articles on the map are displayed successfully on the ArcGIS portal. but when I use the mapbox style, I keep experiencing problems in viewing.
ArcGıs VectorTile ===> http://hizliresim.com/vP59Om
ol-mapbox-style ===> http://i.hizliresim.com/lZjlJB.jpg
best regards
from ol-mapbox-style.
The links you provided above do not show anything. Please update them or embed the images in your comment. Also, make sure you are using v3.0.1 of ol-mapbox-style, because older versions have incorrect font handling.
from ol-mapbox-style.
from ol-mapbox-style.
How are you using ol-mapbox-style? If you are using the applyStyle()
function, make sure you configure the VectorTile
layer with declutter: true
. Can you share the relevant part of your code?
from ol-mapbox-style.
thank you for your help.
I solved the problem. declutter: true
it worked
best regards
from ol-mapbox-style.
OpenLayers uses browser (or web) fonts for font rendering, but the Mapbox Style format uses fonts in PBF/SDF encoding. ol-mapbox-style tries to download the font from Google Fonts. If it's not available there, you need to make sure that the map page loads all required fonts.
Hi, do you have any coding example to load custom fonts in pbf format?
from ol-mapbox-style.
You cannot use pbf fonts with OpenLayers or ol-mapbox-style. You need to find the font in a web font format like e.g. woff2.
from ol-mapbox-style.
Related Issues (20)
- Requests to third-party server for fonts HOT 8
- issue with standalone example using recent versions of olms (METERS_PER_UNIT error) HOT 1
- applyBackground issue HOT 3
- line-pattern webgl HOT 3
- Provide a default URL template for fonts when 'ol:webfonts' not available HOT 1
- Issue rendering fill layers above symbol layers HOT 2
- 加载mapboxgl的样式时文本标签显示错乱 HOT 1
- Maybe a bug in stylefunction HOT 2
- Vector tile layer with MVT format clip circle style HOT 6
- color2 is null loading outdoor-v2 HOT 1
- Example of using a styled Esri vector tiles basemap (but not as the whole map) HOT 1
- Text-Allow-Overlap and Declutter issues. HOT 6
- Incorrect Tiles being requested for projections other than Web Mercator (EPSG:3857) HOT 2
- render vector tiles offline, or render vector tiles to raster for later offline use? HOT 3
- Applying style to VectorTile layer HOT 2
- Displaying symbols from sprites HOT 6
- fill-pattern position bug HOT 2
- Security: Remove Links to Polyfill.io HOT 1
- missing icon-text-fit property HOT 2
- Declutter of labels in vector tiles HOT 21
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 ol-mapbox-style.