mapbox / mapbox-gl-styles Goto Github PK
View Code? Open in Web Editor NEWPrebuilt Mapbox GL styles for use in Mapbox GL JS or the Mapbox Mobile SDKs and as a starting point for custom maps built with Mapbox Studio
License: Other
Prebuilt Mapbox GL styles for use in Mapbox GL JS or the Mapbox Mobile SDKs and as a starting point for custom maps built with Mapbox Studio
License: Other
And then keep 'em that way with travis
This map style should be identical to Mapbox Light (#58), but with a palette shift so developers don't have hard decision to make between having the color palette they want vs having the label placement and shield styling they want.
See https://github.com/mapbox/mapbox-studio-dark.tm2 for cartoCSS equivalent.
Per conversation with @edenh, I'm going to work on a 'Satellite with labels' style.
I have several other projects I'm trying to hit before this, so let me know if anyone has any immediate need for this style.
/cc @nickidlugash
It doesn't validate:
styles/satellite-v7.json:80: layers[1].paint.contours.raster-opacity: number expected, object found
Can we set up a way to easily preview these styles locally, so you can check your updates before merging them into mb-pages?
/cc @yhahn
I'm updating the Outdoors style to optimize the use of functions, rewriting the casings layers to use the line-gap-width
property, and finding whatever else I can to improve it. I'll be reviewing it carefully, since this style was written in the dark ages of mapbox-gl-style-spec
and has gone through a number of migrations.
/cc @edenh
That includes v3 styles.
I would like to use the index JSON file to build the list of GL styles for the Android UI rather than hardcoding them all.
However I will need a human readable name for each.
I was thinking of perhaps a .name
field.
There's now an addLayer()
API for mapbox-gl-js that allows you to easily add a new layer (typically GeoJSON) to a map. It takes an optional second argument specifying an id of an existing layer that the new layer should be immediately below. The common use case is to add overlay layers immediately below labels, so it would be convenient if all default styles provided a layer with a "labels"
layer that could used for this argument consistently across styles and without relying on any other details of the style. This layer would just be a placeholder that wouldn't render anything -- it could be a background layer with "visibility": "hidden"
.
The buildings need to be refined. In particular, the way they're being offset is wrong: the base is offset from the top rather than the other way around.
I made a new milestone for Mapbox Streets GL: https://github.com/mapbox/mapbox-gl-styles/issues?q=is%3Aopen+is%3Aissue+milestone%3A%22Mapbox+Streets+GL%22
This design is going to be a successor to Mapbox Streets, with adjustments to bring it more inline with Google and Apple's basemaps. That means more detailed POI layer, clearler road hierarchy, and more vibrant color palette. We're designing the map systematically to be fast and easy to maintain.
Here are a few screenshots after one day of work from @nickidlugash @ajashton and myself. No sprite assets have been added yet and many layers are just roughed in for now:
I expect we'll make fast progress and have a preliminary draft ready to go by Tuesday.
@peterqliu did an amazing job with Emerald and ideally we can launch with both maps side by side.
On the MapBox GL page, the Example link points to
https://github.com/mapbox/mapbox-gl-styles/blob/mb-pages/styles/bright-v3.json
which is returning a 404 for me.
#686868
admin boundaries are a little boring and they don't look great at low zooms. Definitely deserve another pass.
Hello,
I just noticed that the zoom transition is not the same on
https://www.mapbox.com/mapbox-gl-styles/
and
https://www.mapbox.com/blog/mapbox-gl-js/
for instance.
There is no zoom transition when you use the mouse wheel on the first one, not idea why
Fabien
One-way arrows (#49) always point in the same direction: either south or east, never north or west (compare):
/cc @peterqliu
for name in tmcw kkaefer mourner ansis yhahn mapbox; do
npm owner add $name mapbox-gl-styles
done
This could look better:
Compare to these examples:
I'm building a GL Web map but I see that the only available "stock styles" are Outdoors or Satellite. Will Streets and Terrain styles also be made available?
https://github.com/mapbox/mapbox-gl-styles/tree/mb-pages/styles
This downtown area is full of one-way streets, but you’d never know it looking at Emerald.
/cc @peterqliu
What is sponge, why is sponge, how does one install sponge
/cc @jfirebaugh : this apparently isn't the npm sponge
module, and isn't on homebrew. I don't know what it is.
In a lot of ways, Emerald looks great compared to Apple's and Google's core styles. Label placement, road styling, all coming together really nicely. But, right now both Google and Apple's maps have more cohesive color palettes, typographic scales, and handling of polygon fills than Emerald.
The core hues in our palette (blue, green, orange, and purple) don't work together very well together. The palette feels too scientific/neutral. There are too many additional colors that deviate from the core palette in ways that don't make sense (for example, the emerald green metro entrances). In many scenarios, landuse fills clash with the stuff next to and on top of them.
Stepping back and:
If there need to be more hands on deck to get in here and work on this let me know. cc: @peterqliu @nickidlugash
Should neighbourhoods be placed before roads on bright?
mapbox/mapbox-gl-js#1066 (comment)
I don't think Pencil has been manually updated since...ever. It's pretty broken. I'll update it in the v7
branch.
@ajashton fixed the country label lines, but we'll need to make the following changes (and more) to our template styles to reflect updates in streets-v6:
labelrank
from 1–6 rather than 1–8, so styles with multiple country label layers might need adjustment (bright
, outdoors
)outdoors
and bright
.i find that the purple airports stand out a little too strongly, don't mix well with the other colors, and are maybe too whimsical, for lack of a better word. i'd recommend going with something more muted, maybe even just greyscale.
the comparison to apple maps has been made, but i think their product is a little ugly, not sure it is something we want to emulate:
No error, but the style is no longer working with the GL Online editor without any changes made.
I'm going to start working on a style that is similar to the carto 'Basic' style. It'll be a good template style for beginners to play around with.
/cc @edenh @nickidlugash
Once the line-dasharray property is updated and v7 migrated styles are merged (#24), I'll optimize the relevant styles, including adding longer dasharray patterns. Styles to update:
There should be a “hybrid” style in which GL streets and labels are superimposed on a raster satellite layer.
Would be worth experimenting with point labels down to Z7 or so. Would especially help in Europe where there are lots of similar scalerank cities and the labels look like they are for regions rather than for cities.
@nickidlugash is going to hit this while working on roads.
Hello,
I noticed from #27 that there is a page to preview the existing styles:
https://www.mapbox.com/mapbox-gl-styles/
Which is a very good idea!
First of all, i think this page should be listed in this repo's readme and secondly, "emerald" style from @peterqliu should be listed so that it is possible to preview it without setting up a page with a map
Fabien
Capturing from chat.
outdoors-raster was added when we added support for prerendering and didn't want to delete the original outdoors style, just-in-case. outdoors doesn't prerender hillshades, so those are all still vector fill layers.
Based on talking with @ansis and @kkaefer prerendering is preferable in cases like hillshades for performance and hillshade blur reasons.
We should consolidate the two styles in outdoors and remove outdoors-raster.
The map we launch GL with should have:
Todo:
I'm going to get started on this.
Light mapbox style, like https://github.com/mapbox/mapbox-studio-light.tm2
Clean up outdoors for GL launch
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.