تضمين خريطة في موقعك الإلكتروني

اكتب عنوانك، وشاهد الدبوس يهبط في مكانه، ثم اسحبه إلى مدخلك بالضبط، وانسخ سطر iframe واحدًا — هذا كل العمل. يحدث الترميز الجغرافي مرة واحدة هنا في أداة الإنشاء: التضمين نفسه يحمل إحداثيات ثابتة، لذا لا يحمّل زوّارك سوى مربّعات خرائط OpenStreetMap. بدون مفتاح API، وبدون حساب فواتير، وبدون كوكيز، وبدون شريط موافقة، ولا شيء يطلب منهم أي إذن. لديك فروع متعددة؟ أضف حتى 10 دبابيس وتضبط الخريطة إطارها تلقائيًا لتظهر كلها.

بإذن · خاص · يعمل على Chrome وSafari وFirefox وEdge

اعثر على موقعك
1 · Set the location

Drag the pin (or click the map) until it sits exactly on your entrance — the embed uses these final coordinates, not the address text.

Multiple locations (optional — up to 10)

    One location? Ignore this — just copy the code below. For branches: position the pin, label it, press Add, then search the next address. Visitors get a locations panel — an accordion beside the map (or a card strip on phones) — and picking an entry flies the map to that branch.

    2 · Options
    المظهر
    Marker color
    الحجم
    Locations panel (multi-location embeds)
    Motion

    Visitors who set “reduce motion” in their system always get the instant version, whatever you pick here.

    3 · Preview

    Set a location above — the live preview appears here.

    4 · Copy the code
    Set a location first — the snippet appears here.

    The URL is for platforms that embed by address instead of HTML — Notion’s /embed block, Google Sites’ Embed ▸ By URL.

    Geocoding happened just now, in this builder — the embed itself ships fixed coordinates, loads only OpenStreetMap tiles, sets no cookies, and asks your visitors for nothing. No API key, no consent banner, no permission prompt.

    5 · Optional: LocalBusiness structured data

    Paste this into the same contact page (inside <head> or anywhere in the body) to tell Google and Bing your exact business location — it can surface your address and map pin directly in search results. Fill the overlay title above with your business name first; add a phone number if you want it shown.

    Set a location first — the snippet appears here.
    كيف أضيف خريطة لموقعي

    الأسئلة الشائعة

    هل أحتاج إلى مفتاح API أو حساب فواتير؟
    لا. التضمين يعرض مربّعات خرائط OpenStreetMap بإحداثيات ثابتة، فلا حاجة إلى مفتاح API ولا حساب فواتير ولا كوكيز ولا شريط موافقة.
    كم دبوسًا يمكنني إضافته للخريطة؟
    حتى 10 دبابيس، وهذا يكفي لعرض عدة فروع. تضبط الخريطة إطارها تلقائيًا حتى تظهر جميع الدبابيس معًا.

    العرض بالإنجليزية: Embed a Map on Your Website · العربية