ورود به کارتابل مشتریان وب مهراز
ساخت Google Map
یادگیری نقشه گوگل
تعداد بازدید :
2611
تاریخ و ساعت انتشار :
دو شنبه 28 اسفند 1396 23:22
ساخت Google Map
چگونه یک نقشه Google را به یک صفحه وب اضافه کنید ؟
اولین نقشه گوگل
با یک صفحه وب ساده شروع کنید.
یک عنصر <div> که می خواهید نقشه نمایش داده شود را اضافه کنید:
ساخت Google Map
<!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 ارائه شده است
API نقشه گوگل
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_KEY&callback=myMap"></script>
نظر شما
>