پرش به محتوا

شروع سریع

در پنج دقیقه کلید بگیرید، اولین جستجو را بزنید و نقشهٔ فارسی را روی سایت نشان دهید.

۱. کلید بگیرید

در پیشخوان با شمارهٔ موبایل ثبت‌نام کنید. پلن رایگان خودکار فعال می‌شود: ۷۵ هزار درخواست و ۱۰۰ آدرس هوشمند در ماه. در بخش «کلیدهای API» دو نوع کلید می‌سازید:

  • کلید مخفی (um_sk_…) فقط برای سرور شما. هرگز در کد مرورگر یا اپ قرار نگیرد.
  • کلید عمومی (um_pk_…) برای مرورگر و اپ موبایل، محدود به دامنه‌ها یا شناسهٔ اپ شما.

جزئیات در کلیدها و احراز هویت.

۲. اولین جستجو

curl -G https://api.uttamap.ir/v1/search \
  -H "X-Api-Key: um_sk_..." \
  --data-urlencode "q=میدان آزادی" \
  --data-urlencode "city=تهران"

پاسخ:

{
  "results": [
    {
      "label": "میدان آزادی، تهران",
      "location": { "lat": 35.6997, "lng": 51.3375 },
      "type": "square",
      "components": { "province": "استان تهران", "city": "تهران" },
      "precision": "landmark",
      "id": "osm:r7790807"
    }
  ]
}
مختصات در پارامترهای ما همیشه به ترتیب lat,lng است. فقط در خروجی GeoJSON و آرایهٔ location مراحل مسیر، ترتیب استاندارد GeoJSON یعنی [lng, lat] رعایت می‌شود.

۳. نقشه روی سایت

<link href="https://cdn.jsdelivr.net/npm/maplibre-gl@5/dist/maplibre-gl.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/maplibre-gl@5/dist/maplibre-gl.js"></script>
<div id="map" style="height:420px"></div>
<script>
  maplibregl.setRTLTextPlugin("https://tiles.uttamap.ir/js/rtl-text.js", true);
  const map = new maplibregl.Map({
    container: "map",
    style: "https://tiles.uttamap.ir/styles/light/style.json?key=um_pk_...",
    center: [51.389, 35.689], // [lng, lat]
    zoom: 11,
  });
</script>

پلاگین RTL را جا نیندازید؛ بدون آن حروف فارسی جدا و برعکس نوشته می‌شوند. راهنمای کامل در نقشه روی وب.

بعد از این