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

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

کتابخانه ها ی نقشه گوگل

هنگامی که شما API نقشه گوگل را با استفاده از  URL بارگیری میکنید ممکن است از کتابخانه های دیگری نیز بخواهید استفاده کنید. گوگل این امکان را به شما داده است که از هر کتابخانه اضافی که مایل باشید در استفاده از نقشه گوگل تان استفاده کنید. این بخش را مشاهده کنید کتابخانه های API نقشه گوگل ورژن ۳.

API بارگیری غیر همزمان

ممکن است شما بخواهید بعد از انجام یک عمل خاصی و یا اتمام لود کامل صفحه  نقشه گوگل را بارگیری نمایید. برای انجام این کار میتوانید به تگ <script> رویداد window.onload را اضافه نمایید. منتها لازم است به نقشه گوگل نیز این مورد را نیز اعلام نمایید تا اجرای کد های API نقشه گوگل را تا اتمام لود کامل صفحه متوقف کند.

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

کدهای نمونه زیر مثال بارزی از توضیحات این بخش است.

در این کد ها چگونگی اجرای کدهای نقشه گوگل بعد از اتمام لود صفحه به خوبی نشان داده شده است(با استفاده از window.onload) بعلاوه در این کد ها دستورات را API را تنها فراخوانی تابع initialize اجرا میکنیم. این امر را با مقدار callback=initialize به API نقشه گوگل اعلام میکنیم.

function initialize() {
var mapOptions = {
zoom: 8,
center: new google.maps.LatLng(-34.397, 150.644)
};
var map = new google.maps.Map(document.getElementById('map-canvas'),
mapOptions);
}
function loadScript() {
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = 'https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&' +
'callback=initialize';
document.body.appendChild(script);
}
window.onload = loadScript;

مشاهده نمونه نقشه گوگل

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

با طراحی وب سایت آنفایو همراه باشید.