Maps

Cartographic features for Japanese maps

As we continue to enhance our maps in Japan, here’s a look at our favorite cartographic features available to add to any map or visualization.

GL rendering for CJK glyphs


Global Japanese labels

All maps have Japanese-language labels available anywhere in the world from our global dataset.

Image for post
Image for post

Bilingual labels with formatted text

Display two languages at the same time using a format expression:

map.setLayoutProperty(layer, 'text-field', ['format',
    ['get', 'name_ja'], { 'font-scale': 1.2 },
    '\n', {},
    ['get', 'name_en'], {
        'font-scale': 0.8
    }
]);
Image for post

Local glyph generation for CJK

Using local glyphs for CJK text instead of embedded fonts can have significant performance improvements for your map. CJK glyphs are detailed and heavy in terms of file size, so we offer a feature to bypass remotely loading fonts and default to a local font that’s already on your user’s phone or computer.

Image for post
var map = new mapboxgl.Map({
    container: 'map',
    style: 'mapbox://styles/mapbox/streets-v9',
    center: [120.3049, 31.4751],
    zoom: 12,
    localIdeographFontFamily: "'Noto Sans', 'Noto Sans CJK SC', sans-serif"
});

Vertical layout for CJK text on line labels

When designing labels for roads or other line-based features, you can display your text vertically along the line’s path.

Image for post

Sign up to get started building your own maps with CJK features.

Related articles

Maps

Turn AI-generated map styles into production-ready maps in minutes with Mapbox Studio

Maps

From upload to styled data layers in seconds: Smarter styling defaults in Mapbox Studio

Maps

A lighter, faster Mapbox GL JS with a new modular architecture