Sayta yerləşdirilən xəritə və marşrut vidceti

OSRMRoute xəritəsini ünvan axtarışı və marşrutlarla skript və ya iframe vasitəsilə əlavə edin. Mövzu və uyğun ölçülər tənzimlənir; API istifadəsi paketinizə tabedir.

Canlı önizləmə

Köçürün və sayta yerləşdirin

Skript və ya iframe istifadə edin. Build mərhələsi tələb olunmur.

Skript + div

<div data-osrmroute-map
     data-key="YOUR_API_KEY"
     data-theme="dark"
     style="height:480px"></div>
<script src="https://osrmroute.com/embed.js" async></script>

Sadə iframe

<iframe
  src="https://osrmroute.com/embed/route?key=YOUR_API_KEY&theme=dark"
  style="width:100%;height:480px;border:0;border-radius:16px"
  loading="lazy" allow="geolocation"></iframe>

Vidcet üçün ayrıca açar istifadə edin, domeninizə bağlayın və sərfiyyatı izləyin. Brauzer açarları ziyarətçilərə görünür. Panel

Tənzimləmələr

Atribut	Dəyərlər	İzah
data-key	YOUR_API_KEY	OSRMRoute API açarınız; domeninizə bağlayın.
data-theme	dark \| light	Rəng mövzusu; standart seçim tünddür.
data-accent	06b6d4	Düymələr və marşrut xətti üçün # işarəsiz hex rəngi.
data-center	40.37,49.89	Başlanğıc xəritə mərkəzi lat,lon sırası ilə.
data-profile	driving \| cycling \| walking	Standart nəqliyyat profili; mövcudluq regional əhatəyə bağlıdır.
data-lang	en \| az \| tr \| ru …	Axtarış nəticələrinin dili.
data-height	480px	Vidcet hündürlüyü; CSS ilə də təyin edə bilərsiniz.
data-powered	true \| false	Powered by OSRMRoute nişanını göstərmək və ya gizlətmək.

Iframe üçün eyni seçim adlarını sorğu parametri kimi göndərin. ?theme=light&accent=22c55e

İstifadə nümunələri

Filial axtarışı

Ziyarətçilərə məkanlarınızı tapıb marşrut qurmağa kömək edin.

Çatdırılma yol vaxtı

Depoya yol məsafəsini və təxmini səyahət vaxtını hesablayın.

Marşrut planlaması

Səyahət və sahə komandaları üçün başlanğıcdan təyinata istiqamətləri əlavə edin.

Əlaqə səhifəsi

Şirkətinizin vizual üslubuna uyğun interaktiv xəritə göstərin.

İnteqrasiyaya başlayın

API açarı yaradın, domeninizə bağlayın və kod nümunəsini əlavə edin.

API açarını al Sənədlər