Skip to main content

آموزش قرار دادن نقشه OSM در وب‌سایت شما به صورت (embed)

حتماً تاکنون مشاهده کرده‌اید که برخی از وب‌سایت‌ها، برای نشون دادن نشانی دفتر خود از نقشه گوگل استفاده می‌کنند. یعنی نشانی دفتر خود را به‌صورت یک point در نقشه گوگل مشخص می‌کنند و سپس آن محدوده را در سایت خود وارد می‌کنند (embed). حالا اگر ما بخواهیم همین کار را با استفاده از سایت OpenStreetMap.org انجام بدهیم، می‌توان از روش زیر استفاده کرد:

۱ – ابتدا سایت  OpenStreetMap.org را باز کنید و از نوار ابزار سمت راست، گزینه share را انتخاب نمایید.

۲ – سپس بر روی HTML کلیک کنید. همچنین از قسمت Include marker می‌توانید موقعیت مکان مورد نظر را با استفاده از یک Point روی نقشه مشخص کنید. اگر می‌خواهید نقشه داخل یک کادر کوچکتر نمایش داده شود نیز با انتخاب گزینه set custom dimensions می‌توانید کادر نمایش نقشه را مشخص کنید. توجه نمایید که point مربوطه حتما داخل این کادر باشد.

3 – حالا متن داخل قسمت HTML را کپی نمایید.

۴ – متن کپی شده را باید در سایت خود (و در پست مربوطه )وارد نمایید. برای این کار باید نمایش پست را به صورت کد HTML در آورده و متن کپی شده قبلی را در انتها Paste نمایید. 

۵ – با ذخیره کرده مطلب، نتیجه کار قابل نمایش هست.


View Larger Map

منبع: وبلاگ OSM

One thought to “آموزش قرار دادن نقشه OSM در وب‌سایت شما به صورت (embed)”

پاسخی بگذارید