آموزش قدم به قدم و تصویری گذاشتن قسمتی از نقشه گوگل در وبلاگ

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

 برای ایجاد نقشه کافی است  وارد این صفحه شده و سپس مشخصات حساب کاربری خود را ( اکانت Gmail ) وارد کنید.

حال بر روی Sign in کلیک کنید پس از بررسی و درست بودن حساب کاربری شما فرم زیر به نمایش در می اید.

پس از مشاهده این صفحه بر روی Create a new map کلیک کنید تا نقشه جدید خودتان را بسازید.

حال نقشه گوگل برای شما به نمایش در می اید همانند تصویر زیر:

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

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

برای مثال میتوانید کارهای زیر را انجام دهید.

• موقعیت دقیق ادرس خود را به نمایش بگزارید.
• پوشش سرویس دهی خود را به نمایش بگزارید.
• راهایی که از مبدا به مقصد خواهد رسید را به نمایش بگزارید.
• و ...

برای مثال عملی موقعیت جغرافیایی خود را از نقشه پیدا کنید سپس توسط این ابزار دقیقا بر روی مکان خود کلیک کنید.

حال طبق تصویر زیر مشخصات موقعیت خود را وارد کنید.

پیشنهاد من اینه که برای تست هم که شده با تمام ابزارها سایت کار کنید استفاده از ابزار ها سایت بسیار اسان هست شما حتی میتوانید از این قسمت مدل نقشه خود را انتخاب کنید.

پس از اینکه موقعیت خود را پیدا و سفارشی سازی بر روی نقشه کردین حال میتوانید از نقشه استفاده کنید و در سایت خود به کار ببرید برای این کار ابتدا بر روی دکمه سبز رنگ به نام share در بالا سمت راست صفحه کلیک کنید تا کادر زیر به نمایش در بیاید.

حال بر روی دکمه ...Change کلیک کرده تا کادر زیر به نمایش در بیاید

پس از نمایش این کادر شما از بین گزینه ها ، گزینه Public on the web را کلیک کنید و سپس بر روی دکمه سبز رنگ Save کلیک کنید و از فرم قبلی دکمه ابی رنگ Done کلیک کنید.

حال شما میتوانید از نقشه استفاد کنید برای اینکه کد نمایش نقشه را بگیرید از سمت چپ سایت بر روی شکل پوشه کنید.

پس از کلیک بر روی عکس پوشه حال بر روی گزینه Embed on my site کلیک کنید.

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

در بلاگ اسکای میتوانید هم در قالب و هم در پست های خود از این کد استفاده کنید . در قالب که مشخص است ، در مطالب هم کافیست که قسمت یادداشت جدید را در حالت "مشاهده کد HTML" قرار دهید و کد کپی شده را در ویرایشگر paste نمائید.

نمونه :

امیدوارم خسته نشده باشید و این مطلب هم مفید بوده باشد.