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

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

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

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

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

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

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


View Larger Map

منبع: وبلاگ OSM

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *