Hitit Dark
High-contrast dark basemap for night interfaces
Hitit Dark is engineered for dark-mode products where a bright map would break the mood and strain the eyes. Deep charcoal land, luminous road lines, and carefully lifted labels keep everything legible against a low-light background. It slots naturally into admin panels, monitoring tools, and any app that ships a dark theme by default.
Pan and zoom the map to frame your embed, then copy the code.
About this style
Charcoal base with high foreground contrast, glowing road hierarchy, and crisp light labels tuned for night viewing.
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
- Dark-mode web and mobile apps
- Admin and monitoring dashboards
- Fleet and logistics tracking
- Nighttime data displays
Embed and code
<iframe
src="https://www.hititmedya.com/embed/map/hitit-dark?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-dark.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-dark.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