09929710879 03137789606  از شنبه تا چهارشنبه 9 تا 17

ساخت نقشه تحت وب در یک ساعت

ما در این آموزش یک ساعته می خواهیم به شما چگونگی ساخت نقشه تحت وب را یاد دهیم. 

فقط در یک ساعت یک نقشه تحت وب بسازید

مراحل ساخت نقشه تحت وب

برای ساخت یک نقشه تحت وب، می بایست کارهای زیر را انجام دهید:

  • طراحی یک وب سایت

در این آموزش شما را با یک نقشه تحت وب ساده آشنا می کنیم. برای آن که امکانات پیشرفته کار با نقشه ها را به سایت خود اضافه کنید می بایست به سمت برنامه نویسی Web GIS حرکت کنید. در یک سامانه GIS، امکانات پیشرفته برای کار با نقشه ها وجود دارد و اگر این امکانات را تحت وب پیاده سازی کنیم، به یک سامانه Web GIS دست پیدا کرده ایم. چیزی که در این آموزش به شما یاد می دهیم، نحوه ساخت یک Web GIS ساده می باشد.

گام اول: طراحی یک وب سایت

ما می خواهیم یک وب سایت بسازیم و در آن نقشه ای را اضافه نماییم. لذا در این آموزش، در اولین گام یک وب سایت به شکل زیر تولید می کنیم.

سامانه WebGIS

گام دوم: افزودن نقشه به وب سایت

نقشه ها ویژگی های زیادی دارند. نقشه ها زبان گویا در انتقال مفاهیم و اطلاعات هستند. آنها به ما کمک می کنند که دنیای اطراف خود را بهتر بشناسیم و تصمیمات درست تری را بگیریم. امروزه نقشه ها از حالت کاغذی به حالت دیجیتالی تبدیل شده اند و قابلیت تعامل با استفاده کنندگان از نقشه را پیدا کرده اند. شما هم به دلایل مختلفی می خواهید وب سایتی که ساختید را به نقشه مجهز نمایید و در این آموزش، مراحل ساخت نقشه تحت وب را دنبال می کنید. به صورت تخصصی، به نمایش نقشه تحت وب، Web Mapping گفته می شود. نقشه های تحت وب امروزه بسیار گسترده شده اند و کاربردهای فراوانی دارند. اگرچه در این آموزش شما یاد می گیرید به سادگی یک نقشه تحت وب بسازید اما بدانید که نقشه تحت وب به صورت پیشرفته تر، یک سامانه اطلاعات مکانی تحت وب یا Web GIS نامیده می شود.

سامانه تحت وب

سامانه اطلاعات مکانی تحت وب یا Web GIS

توسط سامانه Web GIS، نقشه ها آنلاین می شوند و می توان روی آن ها قابلیت هایی مانند جستجو، نمایش مکان روی نقشه، مسیریابی روی نقشه، علامت گذاری روی نقشه، تحلیل اطلاعات مکانی و ... را تنها از طریق مرورگر های وب در دسترس کاربر قرار داد.

امروزه برای ساخت نقشه تحت وب، ابزارهای زیادی وجود دارد. ما در این آموزش از کتابخانه جاوااسکریپتی OpenLayers استفاده می کنیم. ایجاد نقشه تحت وب با OpenLayers کار ساده ای می باشد. در نوشته های آموزش OpenLayers که پیش تر در سایت GISPlus منتشر کردیم، به معرفی OpenLayers پرداختیم و نمایش نقشه با OpenLayers را آموزش دادیم. در این آموزش یک ساعته ساخت نقشه تحت وب، می خواهیم با استفاده از کتابخانه OpenLayers، وب سایت خودمان را به نقشه Bing و نیز نقشه OpenStreetMap، مجهز نماییم به نحوی که کاربر بتواند به دلخواه خود، هریک از این نقشه ها را روشن یا خاموش نماید.

گام سوم: اضافه کردن قابلیت های نقشه تحت وب

همان طور که در گام دوم گفتیم، نقشه های تحت وب امروزه بسیار گسترده شده اند و قابلیت های GIS را نیز وارد وب کرده اند و مفهوم جدیدی به نام Web GIS را ایجاد کرده اند. ما در این آموزش علاوه بر این که به شما ساخت نقشه تحت وب را آموزش می دهیم، شروع پیاده سازی قابلیت های GIS در وب را نیز خواهیم داشت. یک Web GIS می تواند دارای قابلیت های بسیاری باشد.قابلیت هایی نظیر نمایش نقشه های عمومی مثل نقشه گوگل، نقشه Bing، نقشه OSM و…، نمایش نقشه اختصاصی (از فایل های AutoCad یا Shapefile)، نمایش تصاویر ماهواره ای یا هوایی، بزرگ نمایی و کوچک نمایی نقشه، روشن و خاموش کردن لایه های نقشه و… از جمله قابلیت های Web GIS می باشند. اگر با امکانات یک سامانه Web GIS آشنا نیستید، می توانید به نوشته پیاده سازی قابلیت های وب GIS مراجعه نمایید. ما در این آموزش، اقدام به پیاده سازی قابلیت های Web GIS می کنیم و قابلیت های زیر را به وب سایت نقشه ای خود، اضافه می کنیم:

  • امکان روشن و خاموش کردن لایه های نقشه

  • امکان بزرگ نمایی و کوچک نمایی نقشه

  • امکان ترسیم اشکال هندسی بر روی نقشه

پیش نیازهای این آموزش

برای ساخت نقشه تحت وب نیازمند طراحی یک وب سایت هستید. اگر طراحی وب سایت را بلد نیستید، بهتر است کمی با مفاهیم اولیه طراحی صفحات وب، آشنا شوید و بر HTML، CSS و JavaScript یک تسلط نسبی داشته باشید. زبان HTML برای ساخت ساختار و ایجاد بخش های یک صفحه وب استفاده می شود. همچنین CSS به منظور ایجاد استایل و شکل و رنگ مناسب برای اجزای وب سایت، استفاده می شود و زبان برنامه نویسی JavaScript، یک صفحه وب را پویا تر کرده و قابلیت هایی نظیر ایجاد انیمیشن، ایجاد نقشه، مدیریت رویداد و… را به وب سایت اضافه می کند.

ما ویدیوهای آموزش رایگان HTML، CSS، JavaScript و jQuery را در بخش آکادمی Web GIS قرار داده ایم که می توانید به رایگان آنها را دانلود کرده و یک وب سایت را طراحی کنید.

اگر با پیش نیازها آشنایی ندارید، اصلا نگران نباشید. پیشنهاد می کنیم قبل از هر چیزی فیلم رایگان آموزش ساخت نقشه تحت وب را از انتهای این نوشته دانلود کرده و مشاهده نمایید. در این ویدیوی آموزشی ما تلاش کرده ایم بدون درگیر کردنتان با مباحث پیچیده برنامه نویسی، به شما نشان دهیم که مراحل ساخت نقشه تحت وب و افزودن نقشه به وب سایت جهت توسعه آن و برنامه نویسی قابلیت های GIS، چگونه خواهد بود.

اگر با GIS آشنا نیستید می توانید نوشته GIS چیست و ویدیوی آموزش GIS چیست را مشاهده نمایید.

14 دیدگاه برای “ساخت نقشه تحت وب در یک ساعت

  1. مریم گفته:

    سلام… ممنون از اموزش مفید و البته رایگان شما … در بخش هایی از پروزه رفرنس هایی اضافه میشه که گفته نمیشه از کجا باید دانلود و به پروژه اضافه شن و بخشی از کد هم نشون داده نمیشه… اگر امکانش هست سورس کد مربوط به این فیلم را نیز انتشار دهید. ممنون از وبسایت بسیار مفید جی ای اس پلاس

  2. فرشاد گفته:

    سلام، خسته نباشید. من یک صفحه WebGIS رو با استفاده از HTML، CSS پیاده کرده و قابلیتهای سمت کلاینت رو با استفاده از OpenLayers پیاده سازی کردم. یکسری قابلیتهای خاص میخوام ایجاد کنم که قبلاً اونها رو با زبان C# داخل ArcGIS نوشته و استفاده می کردم. حالا میخوام اون قابلیتها رو روی صفحه وب هم ایجاد کنم. برای اینکار باید حتماً از ArcGIS Server استفاده کنم؟؟
    نکته: حجم داده هام بالاست، تصویر ماهواره ای و شیپ فایل مورد استفاده است.
    ممنون میشم راهنمایی کنید.
    با تشکر.

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

ورود | ثبت نام
شماره موبایل یا پست الکترونیک خود را وارد کنید
برگشت
کد تایید را وارد کنید
کد تایید برای شماره موبایل شما ارسال گردید
ارسال مجدد کد تا دیگر
برگشت
رمز عبور را وارد کنید
رمز عبور حساب کاربری خود را وارد کنید
برگشت
رمز عبور را وارد کنید
رمز عبور حساب کاربری خود را وارد کنید
برگشت
درخواست بازیابی رمز عبور
لطفاً پست الکترونیک یا موبایل خود را وارد نمایید
برگشت
کد تایید را وارد کنید
کد تایید برای شماره موبایل شما ارسال گردید
ارسال مجدد کد تا دیگر
ایمیل بازیابی ارسال شد!
لطفاً به صندوق الکترونیکی خود مراجعه کرده و بر روی لینک ارسال شده کلیک نمایید.
تغییر رمز عبور
یک رمز عبور برای اکانت خود تنظیم کنید
تغییر رمز با موفقیت انجام شد

دانلود پادکست کسب درامد از GIS

دانلود فیلم چطور برنامه نویس GIS حرفه ای شویم؟

ما در این آموزش یک ساعته می خواهیم به شما چگونگی ساخت نقشه تحت وب را یاد دهیم. 

فقط در یک ساعت یک نقشه تحت وب بسازید

مراحل ساخت نقشه تحت وب

برای ساخت یک نقشه تحت وب، می بایست کارهای زیر را انجام دهید:

  • طراحی یک وب سایت

در این آموزش شما را با یک نقشه تحت وب ساده آشنا می کنیم. برای آن که امکانات پیشرفته کار با نقشه ها را به سایت خود اضافه کنید می بایست به سمت برنامه نویسی Web GIS حرکت کنید. در یک سامانه GIS، امکانات پیشرفته برای کار با نقشه ها وجود دارد و اگر این امکانات را تحت وب پیاده سازی کنیم، به یک سامانه Web GIS دست پیدا کرده ایم. چیزی که در این آموزش به شما یاد می دهیم، نحوه ساخت یک Web GIS ساده می باشد.

گام اول: طراحی یک وب سایت

ما می خواهیم یک وب سایت بسازیم و در آن نقشه ای را اضافه نماییم. لذا در این آموزش، در اولین گام یک وب سایت به شکل زیر تولید می کنیم.

سامانه WebGIS

گام دوم: افزودن نقشه به وب سایت

نقشه ها ویژگی های زیادی دارند. نقشه ها زبان گویا در انتقال مفاهیم و اطلاعات هستند. آنها به ما کمک می کنند که دنیای اطراف خود را بهتر بشناسیم و تصمیمات درست تری را بگیریم. امروزه نقشه ها از حالت کاغذی به حالت دیجیتالی تبدیل شده اند و قابلیت تعامل با استفاده کنندگان از نقشه را پیدا کرده اند. شما هم به دلایل مختلفی می خواهید وب سایتی که ساختید را به نقشه مجهز نمایید و در این آموزش، مراحل ساخت نقشه تحت وب را دنبال می کنید. به صورت تخصصی، به نمایش نقشه تحت وب، Web Mapping گفته می شود. نقشه های تحت وب امروزه بسیار گسترده شده اند و کاربردهای فراوانی دارند. اگرچه در این آموزش شما یاد می گیرید به سادگی یک نقشه تحت وب بسازید اما بدانید که نقشه تحت وب به صورت پیشرفته تر، یک سامانه اطلاعات مکانی تحت وب یا Web GIS نامیده می شود.

سامانه تحت وب

سامانه اطلاعات مکانی تحت وب یا Web GIS

توسط سامانه Web GIS، نقشه ها آنلاین می شوند و می توان روی آن ها قابلیت هایی مانند جستجو، نمایش مکان روی نقشه، مسیریابی روی نقشه، علامت گذاری روی نقشه، تحلیل اطلاعات مکانی و ... را تنها از طریق مرورگر های وب در دسترس کاربر قرار داد.

امروزه برای ساخت نقشه تحت وب، ابزارهای زیادی وجود دارد. ما در این آموزش از کتابخانه جاوااسکریپتی OpenLayers استفاده می کنیم. ایجاد نقشه تحت وب با OpenLayers کار ساده ای می باشد. در نوشته های آموزش OpenLayers که پیش تر در سایت GISPlus منتشر کردیم، به معرفی OpenLayers پرداختیم و نمایش نقشه با OpenLayers را آموزش دادیم. در این آموزش یک ساعته ساخت نقشه تحت وب، می خواهیم با استفاده از کتابخانه OpenLayers، وب سایت خودمان را به نقشه Bing و نیز نقشه OpenStreetMap، مجهز نماییم به نحوی که کاربر بتواند به دلخواه خود، هریک از این نقشه ها را روشن یا خاموش نماید.

گام سوم: اضافه کردن قابلیت های نقشه تحت وب

همان طور که در گام دوم گفتیم، نقشه های تحت وب امروزه بسیار گسترده شده اند و قابلیت های GIS را نیز وارد وب کرده اند و مفهوم جدیدی به نام Web GIS را ایجاد کرده اند. ما در این آموزش علاوه بر این که به شما ساخت نقشه تحت وب را آموزش می دهیم، شروع پیاده سازی قابلیت های GIS در وب را نیز خواهیم داشت. یک Web GIS می تواند دارای قابلیت های بسیاری باشد.قابلیت هایی نظیر نمایش نقشه های عمومی مثل نقشه گوگل، نقشه Bing، نقشه OSM و…، نمایش نقشه اختصاصی (از فایل های AutoCad یا Shapefile)، نمایش تصاویر ماهواره ای یا هوایی، بزرگ نمایی و کوچک نمایی نقشه، روشن و خاموش کردن لایه های نقشه و… از جمله قابلیت های Web GIS می باشند. اگر با امکانات یک سامانه Web GIS آشنا نیستید، می توانید به نوشته پیاده سازی قابلیت های وب GIS مراجعه نمایید. ما در این آموزش، اقدام به پیاده سازی قابلیت های Web GIS می کنیم و قابلیت های زیر را به وب سایت نقشه ای خود، اضافه می کنیم:

  • امکان روشن و خاموش کردن لایه های نقشه

  • امکان بزرگ نمایی و کوچک نمایی نقشه

  • امکان ترسیم اشکال هندسی بر روی نقشه

پیش نیازهای این آموزش

برای ساخت نقشه تحت وب نیازمند طراحی یک وب سایت هستید. اگر طراحی وب سایت را بلد نیستید، بهتر است کمی با مفاهیم اولیه طراحی صفحات وب، آشنا شوید و بر HTML، CSS و JavaScript یک تسلط نسبی داشته باشید. زبان HTML برای ساخت ساختار و ایجاد بخش های یک صفحه وب استفاده می شود. همچنین CSS به منظور ایجاد استایل و شکل و رنگ مناسب برای اجزای وب سایت، استفاده می شود و زبان برنامه نویسی JavaScript، یک صفحه وب را پویا تر کرده و قابلیت هایی نظیر ایجاد انیمیشن، ایجاد نقشه، مدیریت رویداد و… را به وب سایت اضافه می کند.

ما ویدیوهای آموزش رایگان HTML، CSS، JavaScript و jQuery را در بخش آکادمی Web GIS قرار داده ایم که می توانید به رایگان آنها را دانلود کرده و یک وب سایت را طراحی کنید.

اگر با پیش نیازها آشنایی ندارید، اصلا نگران نباشید. پیشنهاد می کنیم قبل از هر چیزی فیلم رایگان آموزش ساخت نقشه تحت وب را از انتهای این نوشته دانلود کرده و مشاهده نمایید. در این ویدیوی آموزشی ما تلاش کرده ایم بدون درگیر کردنتان با مباحث پیچیده برنامه نویسی، به شما نشان دهیم که مراحل ساخت نقشه تحت وب و افزودن نقشه به وب سایت جهت توسعه آن و برنامه نویسی قابلیت های GIS، چگونه خواهد بود.

اگر با GIS آشنا نیستید می توانید نوشته GIS چیست و ویدیوی آموزش GIS چیست را مشاهده نمایید.