ساخت Google Map

چگونه یک نقشه Google را به یک صفحه وب اضافه کنید ؟

اولین نقشه گوگل

با یک صفحه وب ساده شروع کنید.
یک عنصر <div> که می خواهید نقشه نمایش داده شود را اضافه کنید:

 <!DOCTYPE html>
<html>
<body>

<h1>My First Google Map</h1>

<div id="map">My map will go here</div>

</body>
<html> 

اندازه نقشه را تنظیم کنید:

 <div id="map" style="width:100%;height:400px;"> 

یک تابع JavaScript برای نمایش نقشه ایجاد کنید:

function myMap() {
    var mapCanvas = document.getElementById("map");
    var mapOptions = {
        center: new google.maps.LatLng(51.5, -0.2),
        zoom: 10
    };
    var map = new google.maps.Map(mapCanvas, mapOptions);
} 

متغیر mapCanvas عنصر HTML نقشه است.
متغیر mapOptions خواص نقشه را مشخص می کند.
ویژگی center  مشخص می کند که کدام نقشه مرکزی است (با استفاده از مختصات عرض جغرافیایی و طول جغرافیایی).
ویژگی Zoom سطح زوم برای نقشه را مشخص می کند (سعی کنید با سطح زوم آزمایش کنید).
 object google.maps.Map با mapCanvas و mapOptions به عنوان پارامتر ایجاد می شود.

 Google API را اضافه کنید

قابلیت نقشه توسط یک کتابخانه جاوا اسکریپت در Google ارائه شده است

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