[GIS] Make new Tilemill map match default Mapbox label styles

cartocssmapboxtilemill

I want to make a map in tilemill that matches the way that labels are displayed in this example, down to the countries that get labels at each zoom level, which country gets abbrev. vs. full title, using lines to connect labels to smaller countries, etc.

That seems to be the default Mapbox label style (I notice that this Mozilla map acts exactly the same way), since there are no customizations there. However, when creating a new Tilemill map, there are no labels at all. What do I need to do to add labels in exactly the same way as that Mapbox example (i.e., the Mapbox default label styles)?

Best Answer

The mapbox streets example was styled using CartoCSS. I don't think the css to style those streets is available for you to copy/paste into tileMill.

Check out this project below. It provides some good examples of CartoCSS styling OSM https://github.com/gravitystorm/openstreetmap-carto

Related Solutions

[GIS] Download mapbox default style as tiles

Check out MapBox Studio, the desktop software used to design the MapBox Streets map you linked to. (No, it's not exactly the same design as OSM Bright, but in MapBox Studio you can play around with the styles easily enough).

Export to print is pretty easy. Create a new style project, link to OSM Bright2 (or whichever you choose), and click on the photo icon in the upper right corner.

[GIS] How to fix label clipping in Mapbox Studio

Buffers are now handled in the source project, not in the style project (in TileMill, one project controlled both data source and style; in MapBox Studio, they are now two different projects).

So, assuming you have access to the source file, click on the label layer, and under the configure tab increase Buffer Size to a number half the width of your widest label (or just estimate).

enter image description here

See the source quickstart, source manual, and styling labels doc.

Edit If large labels are still an issue even with increased buffer size, it's possible to shrink text size for labels with high letter counts using regex expressions in the selectors. Something like

@text-size: 22;

#label-layer{
    text-name: [name];
    text-size: @text-size;
    [name=~'^.{10,}$'] {
        text-size: @text-size * 0.8;
    }
    [name=~'^.{14,}$'] {
        text-size: @text-size * 0.6;
    }
}

See this answer to another question on conditional labeling.

Best Answer

Related Solutions

[GIS] Download mapbox default style as tiles

[GIS] How to fix label clipping in Mapbox Studio

Related Question