Red Map
Kor kırmızısı damarlarla atan gece haritası
Red Map, şehri közlenmiş bir zemine yatırır ve yol ağını kor kırmızısı damarlara dönüştürür. Ana arterler karanlığın içinde akkor gibi parlar, su kütleleri derin bordoya çekilir ve etiketler yumuşak gül tonlarıyla okunur kalır. Sıradan bir koyu temanın sessizliğini değil, bir kontrol odasının alarm estetiğini arayanlar için yapılmıştır; ekrana giren herkesin ilk baktığı şey harita olur.
Haritayı kaydırıp yakınlaştırın, sonra embed kodunu kopyalayın.
Bu stil hakkında
Koyu köz zemin, akkor kırmızı yol hiyerarşisi, bordo su tonları ve yüksek kontrastlı gül rengi etiketler.
Bir renge tıklayın, hex kodu kopyalansın.
- Format
- MapLibre GL stil JSON (v8)
- Veri kaynağı
- OpenStreetMap, aylık güncelleme
- Lisans
- Alan adı başına lisanslı, atıf zorunlu
Şunlar için ideal
- Vitrin siteleri ve lansman sayfaları
- Spor, e-spor ve etkinlik haritaları
- Acil durum ve operasyon panoları
- Gece hayatı ve etkinlik rehberleri
Embed ve kod
<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>Embed görünümünü ayarlamak için haritayı kaydırın ve yakınlaştırın. Geçerli görünüm: 28.9784, 41.0082, zoom 11.0.
Bu kod parçaları, aktif lisans kapsamındaki alan adlarında çalışır. Lisanssız alan adları 403 yanıtı alır.
OpenStreetMap atfı veri lisansı gereği zorunludur ve tüm embed'lerde görünür kalır.
Nasıl kullanılır
- 1
Embed kodunu kopyala
Iframe parçasını al, herhangi bir sayfaya yapıştır. Build adımı yok, her yerde çalışır.
- 2
Ya da stil URL'sini kullan
Herhangi bir MapLibre GL haritasını stil URL'sine yönlendirin. Lisans alan adınızda durur, koda gömülecek bir token yoktur.
- 3
Yayınla
Harita, Cloudflare edge'deki kendi tile'larımızdan çizilir; ziyaretçi takibi yoktur.
İlgili stiller
Tüm stilleri keşfet
Projeniz için özel harita mı gerekiyor?
Ajans hizmeti olarak markalı harita stilleri, konum sayfaları ve veri görselleştirmeleri tasarlıyoruz. Emlak portallarından turizm sitelerine, kimliğinize uyan haritalar geliştiriyoruz.
Harita geliştirme hizmeti