Red Map
A night map pulsing with ember-red arteries
Red Map lays the city on a charred dark base and turns the road network into ember-red arteries. Major routes glow like embers in the dark, water bodies sink into deep burgundy, and labels stay readable in soft rose tones. It was made for those who want the alarm-room aesthetic of a control center rather than the quiet of an ordinary dark theme; the map becomes the first thing anyone looks at on the screen.
Pan and zoom the map to frame your embed, then copy the code.
About this style
Charred dark base, glowing red road hierarchy, burgundy water tones and high-contrast rose labels.
Click a color to copy its hex code.
- Format
- MapLibre GL style JSON (v8)
- Data source
- OpenStreetMap, monthly refresh
- License
- Licensed per domain, attribution required
Best for
- Showcase sites and launch pages
- Sports, esports and event maps
- Emergency and operations dashboards
- Nightlife and event guides
Embed and code
<iframe
src="https://www.hititmedya.com/embed/map/hitit-red?lng=28.97840&lat=41.00820&zoom=11.00"
width="100%" height="400"
style="border:0; border-radius:8px;"
loading="lazy"
title="Map"></iframe>https://tiles.hititmedya.com/v1/styles/hitit-red.json<div id="map" style="width:100%;height:400px"></div>
<link href="https://unpkg.com/maplibre-gl@5/dist/maplibre-gl.css" rel="stylesheet" />
<script src="https://unpkg.com/maplibre-gl@5/dist/maplibre-gl.js"></script>
<script>
const map = new maplibregl.Map({
container: "map",
style: "https://tiles.hititmedya.com/v1/styles/hitit-red.json",
center: [28.97840, 41.00820],
zoom: 11.00
});
map.addControl(new maplibregl.NavigationControl());
</script>Pan and zoom the map to frame your embed. Current view: 28.9784, 41.0082 at zoom 11.0.
These snippets work on domains covered by an active licence. Unlicensed domains receive a 403 response.
OpenStreetMap attribution is required by the data license and stays visible on all embeds.
How to use it
- 1
Copy the embed
Grab the iframe snippet and paste it into any page. No build step, works everywhere.
- 2
Or use the style URL
Point any MapLibre GL map at the style URL. The licence lives on your domain, so there is no token to embed.
- 3
Ship it
The map renders from our self-hosted tiles on the Cloudflare edge, with no visitor tracking.
Related styles
Explore all styles
Need a custom map for your project?
We design branded map styles, location pages and data visualizations as an agency service. From real estate portals to tourism sites, we build maps that match your identity.
Map development service