سلام برنامه | HiProgram

امروز با شماییم با آموزش ساخت گوگل مپ (Google maps)

آموزش ساخت گوگل مپ (Google maps) این امکان را می دهد که موقعیت خود را به کاربران نشان دهید

یکی از عوامل مهم که سلام برنامه آموزش آن را لازم دید چرا که:

برای کاربران سایت ها مهم است که از کجا خرید می کنند یا سایت مخاطبشان در کجا واقع است

همچنین این اطمینان را به کاربران می دهید که شما حضور فیزیکی فعال هم دارید

به تازگی با توجه به الگوریتم کبوتر گوگل اینکه شما در چه نقطه قرار دارید می تواند کسب و کارتان را رونق دهد

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

اگر کاربری از کرمان اقدام به جستجو کند و سایت شما در بین سایت های منطقه کرمان برتر باشد

حتی از سایتی که درتهران هست نیز در رتبه ی بالاتری قرار میگیرید

این امکان گوگل را بومی سازی یا همان local می گویند وبه واسطه آن سئو شما بهتر می شود

برای ساخت نقشه گوگل ابتدا باید کد های زیر را به قسمت مد نظرتان در body اضافه کنید

<div id="map" style="width:400px;height:400px;background:yellow"></div>

سپس کد های جاوااسکریپت زیر را برای مدیریت نقشه خود اضافه کنید

<script>
function myMap() {
  var mapCanvas = document.getElementById("map");
  var mapOptions = {
    center: new google.maps.LatLng(مختصات, مختصات), zoom: 10
  };
  var map = new google.maps.Map(mapCanvas, mapOptions);
}
</script>

در قسمت مختصات باید طول و عرض جغرافیایی خود را وارد کنید

اگر موقعیت خود را نمی دانید می توانید از سایت mygeoposition.com دریافت کنید.

و در قسمت zoom میزان نزدیکی ماهواره به وقعیت را نشان می دهید (۱۰ نرمال است)

و بعد کد جاوا اسکریپ زیر را برای نمایش نقشه اضافه می کنید

<script src="https://maps.googleapis.com/maps/api/js?key=Yourkey&callback=myMap"></script>

توجه داشته باشید در کد بالا قسمت Yourkey باید API خود را وارد کنید اگر API ندارید:

با یک اکانت جیمیل به آدرس Google Maps Apis رفته و روی قسمت GET A KEY کلیک کنید

و کد گرفته شده را در قسمت Yourkey اضافه کنید

آموزش تمام است و شما یک گوگل مپ دارید

برای مشاهده جزئیات بیشتر می توانید ویدیو آموزش را از باکس دانلود موجود در زیر همین پست دانلود نمایید