Xəritəni saytınıza əlavə edin

Bir <script> taqı — üçüncü tərəf yox, yalnız bizim skript. Açar domenə bağlıdır: başqası açarınızı götürsə belə, öz saytında işlədə bilməz.

nümunə seç

Tam xəritə — filtrli

Bütün data qatları sağdakı paneldən açılıb-bağlanır: qəsəbə, kənd, küçə, metro və 9 obyekt kateqoriyası. Xəritə hərəkət etdikcə görünən sahə üçün marker-lər yüklənir.

inteqrasiya kodu

<div id="az-map" style="height:460px"></div>
<script src="https://azerbaijanmap.ubermensch.cc/embed.js"
        data-key="SİZİN_EMBED_AÇARINIZ"
        data-mode="map"
        data-types="metro,Tibb"
        data-target="#az-map"></script>

data-types — başlanğıcda aktiv qatlar. Panel istifadəçiyə qalanını açmağa imkan verir.

Ən yaxın 20 — realtime konum izləmə

Konum icazəsindən sonra istifadəçinin mövqeyi canlı izlənir (watchPosition): nöqtə hərəkət etdikcə xəritədə sürüşür, dəqiqlik dairəsi göstərilir və 120 m-dən çox yerdəyişmədə ən yaxın 20 məkan avtomatik yenilənir. Markerə basanda ad, növ, ünvan və məsafə kart şəklində açılır.

inteqrasiya kodu

<div id="az-nearest" style="height:460px"></div>
<script src="https://azerbaijanmap.ubermensch.cc/embed.js"
        data-key="SİZİN_EMBED_AÇARINIZ"
        data-mode="nearest"
        data-live="1"        <!-- realtime izləmə; birdəfəlik üçün silin -->
        data-limit="20"
        data-target="#az-nearest"></script>

Konum yalnız brauzerdə istifadə olunur — serverə yazılmır, saxlanmır.

Bakı metrosu — real xəritədə

Üç xətt öz rəsmi rəngləri ilə, stansiyalar düzgün sırayla xətt boyunca birləşdirilir (qol stansiyaları — Bakmil, Xocəsən — qırıq xətlə). Qovşaq stansiyaları qalın halqa ilə seçilir; paneldən xətləri ayrıca yandırıb-söndürmək olar.

inteqrasiya kodu

<div id="az-metro" style="height:460px"></div>
<script src="https://azerbaijanmap.ubermensch.cc/embed.js"
        data-key="SİZİN_EMBED_AÇARINIZ"
        data-mode="metro"
        data-target="#az-metro"></script>

Stansiya kartında xətt, sıra nömrəsi və qovşaq məlumatı göstərilir.

Canlı axtarış + xəritə

Yaz-axtar qutusu: səhv yazılışa dözümlü axtarış (bdu, yasamal aptek, sabuncu…) — nəticələr xəritədə göstərilir.

inteqrasiya kodu

<div id="az-search" style="height:460px"></div>
<script src="https://azerbaijanmap.ubermensch.cc/embed.js"
        data-key="SİZİN_EMBED_AÇARINIZ"
        data-mode="search"
        data-target="#az-search"></script>

Kateqoriya xəritəsi

Yalnız seçilmiş kateqoriya(lar) — məsələn bütün Tibb obyektləri (xəstəxana, aptek, klinika). Kliniki saytlar, aptek şəbəkələri, filial xəritələri üçün ideal.

inteqrasiya kodu

<div id="az-med" style="height:460px"></div>
<script src="https://azerbaijanmap.ubermensch.cc/embed.js"
        data-key="SİZİN_EMBED_AÇARINIZ"
        data-mode="category"
        data-types="Tibb"
        data-center="40.401,49.867" data-zoom="12"
        data-target="#az-med"></script>

Tək məkan kartı

Ad yazırsınız — biz tapıb xəritədə kartla göstəririk. Ofisinizin "bizi tapın" xəritəsi üçün ən sadə yol.

inteqrasiya kodu

<div id="az-place" style="height:460px"></div>
<script src="https://azerbaijanmap.ubermensch.cc/embed.js"
        data-key="SİZİN_EMBED_AÇARINIZ"
        data-mode="place"
        data-q="İçərişəhər metro"
        data-target="#az-place"></script>

Hamısı birlikdə

Filtrli tam xəritə + üstündə canlı axtarış qutusu — portal / kataloq saytları üçün hazır kombinasiya.

inteqrasiya kodu

<div id="az-full" style="height:520px"></div>
<script src="https://azerbaijanmap.ubermensch.cc/embed.js"
        data-key="SİZİN_EMBED_AÇARINIZ"
        data-mode="map"
        data-search="1"
        data-types="metro,Tibb,Restoran və Kafe"
        data-center="40.394,49.867" data-zoom="12"
        data-target="#az-full"></script>

Fərdiləşdirmə — rəng, marker, kart

Hər şey sizin əlinizdədir: kateqoriya rəngləri (data-colors), marker növü — nöqtə və ya damcı-pin (data-marker), ölçüsü, kartda hansı sətirlərin görünəcəyi (data-card). Aşağıda Tibb qatı çəhrayı pin-lərlə, kartda yalnız ad + növ + ünvan.

inteqrasiya kodu

<div id="az-custom" style="height:460px"></div>
<script src="https://azerbaijanmap.ubermensch.cc/embed.js"
        data-key="SİZİN_EMBED_AÇARINIZ"
        data-mode="category"
        data-types="Tibb"
        data-colors='{"Tibb":"#e91e8c"}'
        data-marker="pin" data-marker-size="30"
        data-card="ad,tip,unvan"
        data-center="40.383,49.85" data-zoom="14"
        data-target="#az-custom"></script>

<!-- JS API ilə TAM custom kart da mümkündür: -->
<script>
AzMap.render('#az-custom', {key:'AÇAR', mode:'category', types:'Tibb',
  card: m => `<b>${m.ad}</b><br>☎ Zəng: <a href="tel:012">012</a>`});
</script>

Xəritə stilləri

7 hazır stil: işıqlı, qaranlıq (dark), klassik, sadə (yazısız), voyager, relyef, peyk. data-style ilə başlanğıc stil, data-styles="1" ilə istifadəçiyə seçici panel. Aşağıda qaranlıq rejim + sağ-altda stil seçici.

inteqrasiya kodu

<div id="az-dark" style="height:460px"></div>
<script src="https://azerbaijanmap.ubermensch.cc/embed.js"
        data-key="SİZİN_EMBED_AÇARINIZ"
        data-mode="map"
        data-style="qaranliq"     <!-- isiqli | qaranliq | klassik | sade | voyager | relyef | peyk -->
        data-styles="1"           <!-- stil seçici paneli -->
        data-types="metro,Restoran və Kafe"
        data-center="40.394,49.86" data-zoom="12"
        data-target="#az-dark"></script>

Xəritənin küncündəki yazı defolt «CC | AzərbaycanMap»-dır — admin embed açarı verərkən istəyə görə dəyişə bilər.

Naviqasiya — sürətölçən + nəqliyyat

Google Maps-vari canlı gediş rejimi: konum realtime izlənir, seçdiyiniz nəqliyyat işarəsi (🚗 avtomobil / 🚴 velosiped / 🚶 piyada) yolda hərəkət edir və istiqamətə görə dönür, gedilən yol izi çəkilir, aşağıda sürətölçən HUD: ani sürət (km/s), yol, müddət, orta sürət.

inteqrasiya kodu

<div id="az-nav" style="height:460px"></div>
<script src="https://azerbaijanmap.ubermensch.cc/embed.js"
        data-key="SİZİN_EMBED_AÇARINIZ"
        data-mode="track"
        data-vehicle="car"        <!-- car | bike | walk (istifadəçi də dəyişə bilir) -->
        data-style="voyager"
        data-target="#az-nav"></script>

Sürət cihazın GPS-indən gəlir (yoxdursa məsafə/zamandan hesablanır). Konum serverə yazılmır.

3D sürüş — əsl WebGL naviqasiya

Həqiqi 3D (MapLibre GL + three.js): perspektivli səhnə, 3D binalar, gediş istiqamətinə hamar fırlanan kamera. 37 model, 4 kateqoriya: Piyada (əsgər + 7 insan — kişi və qadın), Maşınla (16 Kenney avtomobili), Velosiped/Moto, Gəmiylə (11 Kenney gəmisi, su yırğalanması ilə). Piyada/velo yanına heyvan yoldaş (it·pişik·dovşan·tülkü) əlavə olunur, kuzov/paltar rəngi seçilir. Və hamısı — aşağıdakı atributlarla zərrəsinə qədər fərdiləşdirilir.

inteqrasiya kodu — standart (hamısı aktiv)

<div id="az-3d" style="height:460px"></div>
<script src="https://azerbaijanmap.ubermensch.cc/embed.js"
        data-key="SİZİN_EMBED_AÇARINIZ"
        data-mode="track"
        data-view="3d"            <!-- WebGL 3D (2D/3D düyməsi ilə dəyişilir) -->
        data-vehicle="sedan"      <!-- ilkin model (istifadəçi seçici ilə dəyişir) -->
        data-color="#e63b46"      <!-- ilkin kuzov / paltar rəngi -->
        data-target="#az-3d"></script>

ssenari A — taksi şirkəti: tək kateqoriya, korporativ rəng, heyvansız

<script src="https://azerbaijanmap.ubermensch.cc/embed.js"
        data-key="SİZİN_EMBED_AÇARINIZ"
        data-mode="track" data-view="3d"
        data-cats="masin"           <!-- yalnız "Maşınla" (piyada,masin,velo,gemi) -->
        data-vehicles="taksi,sedan" <!-- siyahıda yalnız bu modellər -->
        data-palette="#ffc400"      <!-- tək rəng → rəng paneli görünmür -->
        data-pet="0"                <!-- heyvan yoldaş funksiyası bağlı -->
        data-hud="0"                <!-- sürətölçən gizli -->
        data-target="#az-3d"></script>

ssenari B — öz 3D modeliniz: seçicisiz, tək GLB

<script src="https://azerbaijanmap.ubermensch.cc/embed.js"
        data-key="SİZİN_EMBED_AÇARINIZ"
        data-mode="track" data-view="3d"
        data-vehicle="https://cdn.sirketiniz.az/kuryer.glb" <!-- öz GLB-niz (üzü +Z) -->
        data-cats="0"               <!-- seçici düyməsi yoxdur: yalnız bu model -->
        data-pet="https://cdn.sirketiniz.az/maskot.glb"     <!-- istəsəniz öz yoldaşınız -->
        data-target="#az-3d"></script>

<!-- və ya bütün model bazasını əvəzləyin (eyni fayl adları ilə): -->
data-assets="https://cdn.sirketiniz.az/modeller/"

ssenari C — JS API: öz kateqoriyanız, öz adlarınız

<script src="https://azerbaijanmap.ubermensch.cc/embed.js" data-key="SİZİN_EMBED_AÇARINIZ" data-mode="none"></script>
<script>
AzMap.render(document.getElementById("az-3d"), {
  key: "SİZİN_EMBED_AÇARINIZ",
  mode: "track", view: "3d",
  cats: [                                  // kateqoriyalar tam sizin əlinizdə:
    "masin",                               //  · hazır kateqoriya (id ilə)
    { id: "donanma", ad: "Donanmamız",     //  · və ya tamamilə öz kateqoriyanız
      kinds: ["https://cdn.sirketiniz.az/vip.glb", "taksi"],
      pet: true }                          //    (heyvan yoldaş bu kateqoriyada da açıq)
  ],
  labels: { "https://cdn.sirketiniz.az/vip.glb": "VIP Limuzin" },
  palette: ["#ffc400", "#15181c"],         // rəng sınırı (2 rəng)
  pets: ["dog", "cat"],                    // heyvan siyahısı məhdud
  vehicle: "taksi", color: "#ffc400"
});
</script>

Bütün açarlar: data-cats (kateqoriya seç/sırala; tək qalanda birbaşa model siyahısı açılır; 0 = seçici tam yox) · data-vehicles (model ağ-siyahısı, URL-lər də olar — "Xüsusi modellər" kateqoriyası yaranır) · data-vehicle (ilkin model və ya öz GLB URL-iniz) · data-palette (rəng sınırı) · data-pet (dog·cat·bunny·fox·URL·0) · data-pets · data-assets (model bazasını öz CDN-inizlə əvəzləyin) · data-hud · data-picker. 3D mühərrik (three.js) və modellər (CC0) bizim serverdən avtomatik yüklənir — inteqrator üçün yenə tək script taqı. Öz GLB-niz üçün: üz +Z istiqamətində olsun, CDN-iniz CORS-a icazə versin; Idle/Walk/Run adlı animasiyalar varsa avtomatik canlanır.

Torpaq xəritəsi — Azərbaycanın torpaq örtüyü

Ölkə ərazisinin torpaq örtüyü nazik rəngli overlay kimi: 8 torpaq növü — Boz, Boz-qonur, Şabalıdı, Qəhvəyi dağ-meşə, Çəmən-qleyli, Şoran, Dağ (skelet), Qumluqlar. Hər növün öz rəngi, paneldən növ seçilir (məs. yalnız boz torpaq — hansı sahələri əhatə etdiyi dərhal görünür), sahəyə kliklədikdə növün adı və FAO kodu çıxır. Mənbə: FAO/UNESCO Digital Soil Map of the World (1:5M) — Azərbaycan sərhədinə kəsilib, klassik Azərbaycan torpaq təsnifatına uyğunlaşdırılıb.

inteqrasiya kodu — standart

<div id="az-soil" style="height:460px"></div>
<script src="https://azerbaijanmap.ubermensch.cc/embed.js"
        data-key="SİZİN_EMBED_AÇARINIZ"
        data-mode="soil"
        data-target="#az-soil"></script>

custom — növ seçimi, öz rəngləriniz, şəffaflıq

<script src="https://azerbaijanmap.ubermensch.cc/embed.js"
        data-key="SİZİN_EMBED_AÇARINIZ"
        data-mode="soil"
        data-soils="boz,soran,sabalidi"     <!-- yalnız bu növlər (sıra ilə) -->
        data-soil-colors='{"boz":"#7f8c8d","soran":"#e91e8c"}'  <!-- rəng əvəzi -->
        data-soil-names='{"boz":"Boz (sierozem)"}'              <!-- ad əvəzi -->
        data-soil-opacity="0.6"             <!-- overlay şəffaflığı (default 0.44) -->
        data-legend="0"                     <!-- panel gizli -->
        data-popup="0"                      <!-- klik pəncərəsi bağlı -->
        data-style="qaranliq"
        data-target="#az-soil"></script>

öz torpaq datanız — istənilən GeoJSON

<script src="https://azerbaijanmap.ubermensch.cc/embed.js"
        data-key="SİZİN_EMBED_AÇARINIZ"
        data-mode="soil"
        data-soil-url="https://cdn.sizinsayt.az/torpaq.json"
        data-soil-colors='{"gilli":"#8a5a44","qumsal":"#e8d9a0"}'
        data-soil-names='{"gilli":"Gilli torpaqlar","qumsal":"Qumsal torpaqlar"}'
        data-target="#az-soil"></script>

<!-- Data formatı: GeoJSON FeatureCollection,
     hər feature-un properties.t = növ açarı (məs. "gilli"),
     istəyə görə properties.fao = etiket kodu.
     Registrdə olmayan növlər avtomatik qeydə alınır. -->

Bütün açarlar: data-soils (növ siyahısı/sırası) · data-soil-colors / data-soil-names (JSON — rəng/ad əvəzi) · data-soil-opacity · data-soil-url (öz GeoJSON-unuz — kənd təsərrüfatı, geologiya, istənilən zonal data) · data-legend · data-popup · data-style / data-center / data-zoom. JS API: AzMap.render(el, {mode:"soil", soils:[...], soilColors:{...}, soilUrl:"..."}).

Marşrut — tam öz mühərrikimizdə

A→B marşrut hesablanması: xəritəyə iki klik — yol xətti, məsafə və təxmini müddət. Profillər: 🚗 avtomobil · 🚴 velosiped · 🚶 piyada. Nöqtələr sürüklənərək dəyişdirilir. Mühərrik (GraphHopper + OSM Azərbaycan qrafı) bizim serverdə işləyir — heç bir xarici xidmətə sorğu getmir, limitlər bizdədir.

inteqrasiya kodu

<div id="az-route" style="height:460px"></div>
<script src="https://azerbaijanmap.ubermensch.cc/embed.js"
        data-key="SİZİN_EMBED_AÇARINIZ"
        data-mode="route"
        data-from="40.3777,49.8535"   <!-- istəyə görə hazır A nöqtəsi (lat,lon) -->
        data-to="40.4093,49.8671"     <!-- istəyə görə hazır B nöqtəsi -->
        data-profile="car"            <!-- car | bike | foot -->
        data-profiles="car,foot"      <!-- göstərilən profil düymələri -->
        data-route-color="#0c6f93"    <!-- xəttin rəngi -->
        data-target="#az-route"></script>

JS API: AzMap.render(el, {mode:"route", from:"lat,lon", to:"lat,lon", profile:"bike"}). Cavab məsafəni (m) və müddəti (s) də verir — kuryer/taksi qiymət hesablanması üçün əlverişlidir.

İzoxron — "15 dəqiqəlik şəhər"

Xəritəyə klik: bu nöqtədən 5 / 10 / 15 dəqiqəyə hara çatmaq olar? — piyada, velosiped və ya maşınla əlçatanlıq halqaları. Daşınmaz əmlak ("metroya 10 dəq piyada"), çatdırılma zonaları, filial planlaması üçün. Hesablama tam bizim serverdə.

inteqrasiya kodu

<div id="az-izo" style="height:460px"></div>
<script src="https://azerbaijanmap.ubermensch.cc/embed.js"
        data-key="SİZİN_EMBED_AÇARINIZ"
        data-mode="izoxron"
        data-point="40.3660,49.8352"  <!-- istəyə görə hazır nöqtə (İçərişəhər) -->
        data-minutes="5,10,15"        <!-- halqalar (dəqiqə, max 4 × 60) -->
        data-profile="foot"           <!-- foot | bike | car -->
        data-izo-color="#0c6f93"      <!-- halqa rəngi -->
        data-target="#az-izo"></script>

Nöqtəni sürüklə — halqalar yenidən hesablanır. Çatdırılma zonası üçün: data-minutes="20" data-profile="car".

Donanma — canlı çoxlu vasitə (taksi / kuryer / logistika)

Şirkətin bütün vasitələri bir xəritədə, canlı: mövqe, istiqamət (işarə dönür), sürət, ad. Paneldəki siyahıdan vasitəyə klik → fokus. Aşağıdakı demo: mövqelər öz marşrut mühərrikimizin hesabladığı Bakı yollarında simulyasiya olunur. Real istifadədə şirkət öz backend-indən push edir — heç bir xarici xidmət yoxdur.

sayt tərəfi — embed

<div id="az-fleet" style="height:460px"></div>
<script src="https://azerbaijanmap.ubermensch.cc/embed.js"
        data-key="SİZİN_EMBED_AÇARINIZ"
        data-mode="fleet"
        data-fleet="SIZIN_FLEET_ID"   <!-- admin tərəfindən verilir ("demo" = nümunə) -->
        data-interval="3"             <!-- yenilənmə (saniyə, min 2) -->
        data-target="#az-fleet"></script>

server tərəfi — mövqe push (şirkətin backend-i)

curl -X POST "https://azerbaijanmap.ubermensch.cc/api/v1/fleet/update?fleet=SIZIN_FLEET_ID" \
  -H "X-Fleet-Token: GİZLİ_TOKEN" \
  -H "Content-Type: application/json" \
  -d '{"units":[
        {"id":"77", "lat":40.4008, "lon":49.8532, "hdg":90, "spd":42,
         "kind":"taksi", "color":"#f4c221", "ad":"77-AZ-777"},
        {"id":"78", "lat":40.3944, "lon":49.8822, "hdg":210, "spd":0,
         "kind":"furqon", "color":"#e63b46", "ad":"Kuryer 8"}
      ]}'

Fleet ID + gizli token açar müraciəti formundan tələb olunur. Vasitə sayı limitli (default 200), 1 saatdan köhnə mövqelər avtomatik gizlənir. kind — 37 modelimizdən biri; data-fit="0" avto-yaxınlaşmanı bağlayır.

Canlı zəlzələlər — seysmik xəritə

Qafqaz regionunda zəlzələlər canlı (USGS, 5 dəqiqəlik keşlə bizim serverdən): maqnitudaya görə ölçülən dairələr, son 24 saat pulsasiya edir, klik → maqnituda, yer, vaxt, dərinlik. Dövr (24 saat / 7 gün / 30 gün) və minimum maqnituda paneldən; tarixi kataloq (M4.5+, 1900-cü ildən — Şamaxı zonası aydın görünür) bir kliklə üstə gəlir. 5 dəqiqədən bir avto-yenilənir.

inteqrasiya kodu

<div id="az-seysmik" style="height:460px"></div>
<script src="https://azerbaijanmap.ubermensch.cc/embed.js"
        data-key="SİZİN_EMBED_AÇARINIZ"
        data-mode="seysmik"
        data-window="hefte"     <!-- gun | hefte | ay -->
        data-minmag="2"         <!-- minimum maqnituda -->
        data-history="1"        <!-- tarixi kataloq seçimi (0 = gizli) -->
        data-target="#az-seysmik"></script>

Mənbə: USGS Earthquake Hazards Program (açıq data). Sorğular bizim serverdən keçir və keşlənir — açarınız USGS-ə görünmür, limit yoxdur.

Rayon statistikası — tematik xəritə (choropleth)

79 rayon/şəhər sərhədləri ilə istənilən göstəricinin tematik xəritəsi. Nümunədə: əhali (Wikidata, rəsmi siyahıyaalma əsaslı) — nə qədər tünd, o qədər çox. Üzərinə gəl → kənar işıqlanır, klik → dəqiq rəqəm. Kvantil pillələri avtomatik hesablanır, legend paneldə. Öz datanızla: istənilən JSON verin (satış, sifariş, filial sayı…) — xəritə sizin göstəricinizi çəkir.

inteqrasiya kodu

<div id="az-stat" style="height:460px"></div>
<script src="https://azerbaijanmap.ubermensch.cc/embed.js"
        data-key="SİZİN_EMBED_AÇARINIZ"
        data-mode="stat"
        data-target="#az-stat"></script>

<!-- öz göstəriciniz: -->
data-stat-url="https://cdn.sizinsayt.az/satislar.json"
     <!-- format: {"meta":{"ad":"Satışlar","vahid":"ədəd"},
                   "data":{"baku":1250,"ganja":230,...}} -->
data-stat-title="Satışlar (2026)"  data-stat-unit="ədəd"
data-stat-color="#7048c8"          <!-- rəng şkalası bazası -->
data-stat-bins="5"                 <!-- pillə sayı (3-7) -->
data-stat-opacity="0.62"
data-stat-geo="https://.../oz-serhedleriniz.json"  <!-- hətta öz poliqonlarınız -->

Rayon açarları (data obyektində): sərhəd faylındakı properties.id — siyahı üçün https://azerbaijanmap.ubermensch.cc/static/stat/az-rayonlar.json faylına baxın. JS API: AzMap.render(el, {mode:"stat", statData:{meta:{...}, data:{...}}}) — data birbaşa obyekt kimi də ötürülə bilər.

Peyk layları — NASA görüntüləri bizim serverdən

İstənilən xəritə rejiminin üstünə peyk layı: 🛰 peyk (MODIS TrueColor, gündəlik) · 🌿 ndvi (bitki örtüyü indeksi — torpaq xəritəsi ilə birgə aqro-analitika) · ❄ qar (qar örtüyü) · 🌃 gece (gecə işıqları, Black Marble). Nümunədə: gecə işıqları — Bakı-Abşeron parıltısı, Xəzər neft platformaları. Tillər NASA GIBS-dən bizim proxy-keşimizlə gəlir (12 saat keş): açar tələb olunmur, sürətlidir.

inteqrasiya kodu

<div id="az-peyk" style="height:460px"></div>
<script src="https://azerbaijanmap.ubermensch.cc/embed.js"
        data-key="SİZİN_EMBED_AÇARINIZ"
        data-mode="map" data-types="metro"
        data-style="qaranliq"
        data-overlay="gece"         <!-- peyk | ndvi | qar | gece -->
        data-overlay-opacity="0.75" <!-- lay şəffaflığı -->
        data-target="#az-peyk"></script>

<!-- torpaq + bitki indeksi (aqro kombinasiyası): -->
data-mode="soil" data-overlay="ndvi"

data-overlay bütün Leaflet rejimlərində işləyir (map · category · nearest · soil · stat · seysmik · route · izoxron). Mənbə: NASA GIBS (açıq data, attribution avtomatik).

Külək axını — canlı hissəcik animasiyası

Xəzər və Qafqaz üzərində küləyin canlı axını — windy.com üslubunda hərəkət edən hissəciklər: sürət rənglə (mavi → bənövşəyi → qırmızı), xəritəni tərpətdikcə axın davam edir, kursor altında sürət/istiqamət göstərilir. Data: Open-Meteo (0.5° tor, 135 nöqtə) → bizim serverdə 1 saat keş — istifadəçi sayından asılı olmayaraq mənbəyə saatda 1 sorğu. Xəzri/gilavar əyani görünür.

inteqrasiya kodu

<div id="az-kulek" style="height:460px"></div>
<script src="https://azerbaijanmap.ubermensch.cc/embed.js"
        data-key="SİZİN_EMBED_AÇARINIZ"
        data-mode="map" data-types="metro"
        data-style="qaranliq"
        data-overlay="kulek"
        data-target="#az-kulek"></script>

data-overlay="kulek" də bütün Leaflet rejimlərində işləyir — məsələn seysmik və ya soil üstündə. Plugin (leaflet-velocity, MIT) və data bizim serverdən gəlir.

Canlı təyyarələr — regionun hava trafiki

Azərbaycan səması canlı: hər təyyarə kurs istiqamətinə dönmüş işarə ilə (hündürlüyə görə rəng: ■ alçaq eniş/qalxış · ■ kreyser), klik → reys kodu, hündürlük, sürət. Mənbə: OpenSky Network (icma ADS-B qəbulediciləri) — sorğular bizim serverdən keçir və keşlənir.

inteqrasiya kodu

<div id="az-ucus" style="height:460px"></div>
<script src="https://azerbaijanmap.ubermensch.cc/embed.js"
        data-key="SİZİN_EMBED_AÇARINIZ"
        data-mode="teyyare"
        data-interval="45"      <!-- sorğu intervalı (san) -->
        data-target="#az-ucus"></script>

Mövqelər bizim serverin keşindən gəlir — yenilənmə tezliyini platforma idarə edir, inteqrator üçün əlavə heç nə tələb olunmur.

Tarixi xəritə — Bakı 1898 ↔ bu gün

128 il əvvəlki Bakı bugünkü xəritənin üstündə: Fon-der-Nonnenin 1898-1900 şəhər planı (Wikimedia Commons, ictimai varidat) georeferans edilib. Sliderlə keçmiş ↔ indi arasında keç: İçərişəhər, köhnə liman, neft mədənləri — şəhərin necə böyüdüyü əyani görünür.

inteqrasiya kodu

<div id="az-tarix" style="height:460px"></div>
<script src="https://azerbaijanmap.ubermensch.cc/embed.js"
        data-key="SİZİN_EMBED_AÇARINIZ"
        data-mode="tarix"
        data-tarix="baku1898"          <!-- daxili arxivdən -->
        data-tarix-opacity="0.8"
        data-target="#az-tarix"></script>

<!-- öz köhnə xəritəniz (istənilən şəkil + künc koordinatları): -->
data-tarix-img="https://cdn.sizinsayt.az/gence-1912.jpg"
data-tarix-bounds="40.660,46.320,40.700,46.380"  <!-- cən,qərb,şim,şərq -->
data-tarix-ad="Gəncə 1912"

Georeferans təqribidir (köhnə planların proyeksiyası fərqlidir). Muzey, arxiv, bələdiyyə saytları üçün ideal format.

Küçə görüntüləri — icma "Street View"-su

Mapillary (icma tərəfindən çəkilən küçə fotoları, Meta-nın açıq platforması): xəritədə yaşıl nöqtələr = görüntü olan yerlər, klik → aşağıda interaktiv küçə görüntüsü (sürüklə, irəli get), görüntü dəyişdikcə xəritə izləyir. Bakının mərkəzi qismən çəkilib — öz 360° çəkilişlərinizi Mapillary-yə yükləyib bu widget-də göstərə bilərsiniz (şəhər icmaları üçün ideal).

inteqrasiya kodu

<div id="az-kuce" style="height:520px"></div>
<script src="https://azerbaijanmap.ubermensch.cc/embed.js"
        data-key="SİZİN_EMBED_AÇARINIZ"
        data-mode="kuce"
        data-mapillary-token="MLY|SİZİN_TOKEN"  <!-- pulsuz: mapillary.com → Developers -->
        data-target="#az-kuce"></script>

Token verilməsə widget quraşdırma bələdçisi göstərir. Server .env-inə MAPILLARY_TOKEN yazılsa, bütün embedlər onu avtomatik alır (atribut lazım olmur). Viewer (MapillaryJS) bizim serverdən yüklənir; şəkillər Mapillary CDN-dən gəlir.

Qlobus — kosmosdan 3D məkana eniş

Yer kürəsi həqiqi 3D sferada fırlanır, hədəf məkan qızılı nöqtə ilə döyünür. Düyməyə bas → 9 saniyəlik kinematik uçuş: kosmosdan birbaşa məkanın üstünə — sonda binanın özü 3D-də (perspektiv + hündürlük) görünür və kamera onun ətrafında yavaş-yavaş dövr edir. Nümunədə: Alov Qüllələri. İstənilən məkanı verin — otel, ofis, ticarət mərkəzi. İki variant: vektor (3D binalarla) və raster (bizim xəritə stillərimizlə).

① vektor qlobus — enişdə 3D binalar

<div id="az-globe" style="height:460px"></div>
<script src="https://azerbaijanmap.ubermensch.cc/embed.js"
        data-key="SİZİN_EMBED_AÇARINIZ"
        data-mode="qlobus"
        data-yer="40.36036,49.82635"    <!-- eniş məkanı (default: Alov Qüllələri) -->
        data-yer-ad="Alov Qüllələri"  <!-- düymə mətni -->
        data-yer-zoom="16.2"          <!-- son yaxınlıq -->
        data-yer-pitch="62"           <!-- son kamera bucağı -->
        data-yer-bearing="-35"        <!-- son istiqamət -->
        data-spin="1"                 <!-- qlobus avto-fırlanması -->
        data-target="#az-globe"></script>

Raster variantı — data-style verin, qlobus bizim istənilən stillə (klassik · voyager · qaranlıq · relyef…) fırlansın; eniş şəhər mənzərəsində bitir:

② raster qlobus — öz stillərimizlə

<script src="https://azerbaijanmap.ubermensch.cc/embed.js"
        data-key="SİZİN_EMBED_AÇARINIZ"
        data-mode="qlobus"
        data-style="qaranliq"         <!-- stil verildi → raster qlobus -->
        data-yer="40.36036,49.82635"
        data-yer-ad="Alov Qüllələri"
        data-target="#az-globe"></script>

Enişdən sonra kamera məkan ətrafında dövr edir; istifadəçi toxunanda dayanır və idarəni ona verir. Binalar OSM-dən 3D çıxarılır (hündürlük datası olan hər yerdə işləyir).

AR piyada naviqasiyası — kamera + kompas beta

Telefonu qaldır — kamera görüntüsünün üstündə yaşıl ox hədəfə yol göstərir: kompas cihazın istiqamətini, GPS məsafəni verir; 15 metrdə "çatdınız". Muzey/kampus/festival bələdçiləri üçün. Heç bir xarici xidmət yoxdur — hamısı cihazın öz sensorlarıdır. Telefonda açın (kamera + HTTPS tələb olunur).

inteqrasiya kodu

<div id="az-ar" style="height:520px"></div>
<script src="https://azerbaijanmap.ubermensch.cc/embed.js"
        data-key="SİZİN_EMBED_AÇARINIZ"
        data-mode="ar"
        data-to="40.3660,49.8352"     <!-- hədəf (lat,lon) — məcburi -->
        data-to-ad="Qız Qalası"       <!-- hədəfin adı -->
        data-target="#az-ar"></script>

Eksperimental: kompas dəqiqliyi cihazdan asılıdır (kalibrasiya üçün telefonu 8 şəklində fırladın). iOS-da kompas icazəsi "Başlat" düyməsi ilə istənir.

Görməli yerlər — foto qalereya

Azərbaycanın şəkilli məşhur məkanları (Wikidata + OpenStreetMap): xəritədə foto-markerlər, aşağıda sürüşən qalereya — kartı seçəndə oraya uçur, şəkil, Vikipediya və sayt linki ilə. Şirvanşahlar sarayından Göygöl Milli Parkınadək.

inteqrasiya kodu

<div id="az-gezi" style="height:520px"></div>
<script src="https://azerbaijanmap.ubermensch.cc/embed.js"
        data-key="SİZİN_EMBED_AÇARINIZ"
        data-mode="gezi"
        data-center="40.366,49.835" data-zoom="13"
        data-target="#az-gezi"></script>

Şəkillər Wikimedia Commons və rəsmi mənbələrdən; məkan datası açıqdır. Xəritəni gəzdikcə qalereya yenilənir.

Avtobus marşrutları — Azərbaycan şəbəkəsi

208 avtobus marşrutu, 3450 dayanacaq — Azərbaycan Yerüstü Nəqliyyat Agentliyinin (AYNA) ictimai nəqliyyat məlumatı. Soldakı siyahıdan marşrut seç (nömrə və ya son nöqtə ilə axtar) — yolu, dayanacaqları, daşıyıcısı, uzunluğu, müddəti və tarifi görün. Dayanacağa klik → adı.

inteqrasiya kodu

<div id="az-bus" style="height:520px"></div>
<script src="https://azerbaijanmap.ubermensch.cc/embed.js"
        data-key="SİZİN_EMBED_AÇARINIZ"
        data-mode="avtobus"
        data-lang="az"          <!-- az | ru | en -->
        data-target="#az-bus"></script>

Mənbə: AYNA (map.ayna.gov.az) — ictimai nəqliyyat marşrut məlumatı. Marşrut geometriyası və dayanacaqlar öz serverimizdə saxlanılır (per-marşrut yüklənir).

Hava keyfiyyəti — AQI xəritəsi

Azərbaycan üzrə hava keyfiyyəti indeksi (Avropa AQI) canlı rəngli grid: yaşıl (əla) → qırmızı (pis) → bənövşəyi (təhlükəli). Nöqtəyə klik → PM2.5, PM10, NO₂, O₃ dəyərləri. Mənbə: Open-Meteo (1 saat keşlə).

inteqrasiya kodu

<div id="az-hava" style="height:460px"></div>
<script src="https://azerbaijanmap.ubermensch.cc/embed.js"
        data-key="SİZİN_EMBED_AÇARINIZ"
        data-mode="hava" data-style="qaranliq"
        data-target="#az-hava"></script>

Konum seç — klikləyib marker qoy

Xəritədə istənilən yerə toxunun — marker orada görünür. Markeri sürüşdürüb dəqiqləşdirə, koordinatı yuxarıdakı qutudan bir kliklə kopyalaya bilərsiniz. Sifariş ünvanı, filial yeri, "burada görüşək" — istifadəçidən konum almaq üçün ən sadə yol.

inteqrasiya kodu

<div id="az-pick" style="height:460px"></div>
<input type="hidden" id="konum" name="konum">
<script src="https://azerbaijanmap.ubermensch.cc/embed.js"
        data-key="SİZİN_EMBED_AÇARINIZ"
        data-mode="pick"
        data-center="40.394,49.867" data-zoom="12"
        data-input="#konum"      <!-- seçilən "lat,lon" bu inputa yazılır -->
        data-target="#az-pick"></script>

azm:pick hadisəsi hər seçimdə {lat, lon} ilə atılır; JS API-də onPick callback və başlanğıc üçün value:"lat,lon" dəstəklənir. Konum yalnız brauzerdədir — serverə yazılmır.

açar

Embed / API açarı üçün müraciət

Açarlar əl ilə verilir. Formu doldurun — Qiyas sizə dönüş edəcək. Embed açarı yazdığınız domenə bağlanır: yalnız sizin saytınızdan işləyir.