آیا می خواهید بدانید که چگونه می توان با استفاده از عناصر جت یک نقشه با چندین پین ایجاد کرد؟
عناصر جت ویجتی به نام ارائه می دهد نقشه پیشرفته. بر خلاف ویجت گوگل نقشه های بومیElementor ابزارک نقشه پیشرفته Jet Elements که تنها از یک مکان پشتیبانی می کند به شما امکان می دهد یک نقشه با چندین پین ایجاد کنید.
برای استفاده از این ویجت، ابتدا باید عناصر جت را با آن ادغام کنید گوگل نقشه ها با استفاده از یک کلید API.
ابزارک نقشه پیشرفته Jet Elements در صورتی که کسبوکاری با چندین شعبه در شهر دارید و میخواهید نقشهای ایجاد کنید که موقعیت شعب شما را نشان میدهد بسیار مفید است. این ویجت همچنین برای ایجاد چیزی مانند نقشه جاذبه های گردشگری در یک شهر مفید است.
در اینجا نحوه استفاده از این ویجت آورده شده است.
مرحله 1: JetElements را با Google Maps ادغام کنید
همانطور که گفته شد، به یک کلید API نیاز دارید گوگل Maps برای ادغام Jet Elements با Google Maps. می توانید یک کلید API را از طریق کنسول Google API دریافت کنید.
پس بازدید کنید کنسول API گوگل و با حساب گوگل خود وارد شوید. اگر هنوز پروژه ای ندارید، با کلیک بر روی منوی کشویی در بالا، پروژه جدیدی ایجاد کنید و روی پروژه جدید در پنجره ای که ظاهر می شود.
نامی برای پروژه خود بگذارید و روی دکمه کلیک کنید ايجاد كردن .
پس از ایجاد پروژه جدید، آن را از طریق منوی کشویی در بالای داشبورد Google API Console انتخاب کنید، سپس کلیک کنید کتابخانه در پنل سمت چپ
گوگل API نقشه های گوگل را به 17 نوع تقسیم می کند. برای استفاده از این ویجت باید API های مورد نیاز ابزارک نقشه پیشرفته Jet Elements را فعال کنید. Crocoblock، توسعه دهنده Jet Elements، هیچ اطلاعات دقیقی در مورد API های مورد نیاز ارائه نمی دهد. بر اساس تجربه خود، API های زیر را فعال کرده ایم:
- دستورالعمل های API
- API کدگذاری جغرافیایی
- Maps JavaScript API
- صندلی های API
می توانید روی لینک کلیک کنید نمایش همه در بخش نقشه برای دیدن همه آنها
برای فعال کردن یک API، API مربوطه را انتخاب کنید (با کلیک روی آن) و روی دکمه کلیک کنید فعال کردن.
پس از فعال کردن API های مورد نیاز، به داشبورد اصلی Google API Console برگردید و کلیک کنید شناسه در پنل سمت چپ روی دکمه کلیک کنید اعتبارنامه ایجاد کنید و انتخاب کنید کلید API. کلید API را در پنجره ظاهر شده کپی کنید.
سپس وارد داشبورد وردپرس خود شوید و به آن بروید JetPlugins – > JetElements Settings.
روی برگه کلیک کنید یکپارچگی و کلید API خود را در فیلد قرار دهید کلید Google Maps API در بخش نقشه های گوگل. گزینه را فعال کنید کلید API جغرافیایی جداگانه و همان کد را روی آن قرار دهید کلید API کدگذاری جغرافیایی.
مرحله 2: نقشه را ایجاد کنید
هنگامی که عناصر جت و نقشه های گوگل با موفقیت ادغام شدند، می توانید شروع به ایجاد نقشه کنید. برای این کار یک صفحه جدید ایجاد کنید (صفحات - > افزودن) یا یک مقاله جدید (موارد - > افزودن) و آن را با آن اصلاح کنید Elementor.
در ویرایشگر Elementor، قبل از شروع طرح بندی را تنظیم کنید. برای انجام این کار، پانل تنظیمات صفحه را با کلیک بر روی نماد چرخ دنده در گوشه سمت چپ پایین باز کنید. یک طرح بندی را از منوی کشویی زیر گزینه انتخاب کنید تنظیمات کلی.
با کلیک بر روی نماد مثبت در کادر ویرایش Elementor، بخش جدیدی را اضافه کنید و ویجت Advanced Map را روی بوم بکشید.
مرکز نقشه را بر روی شهر خود (یا هر منطقه ای بسته به نقشه ای که می خواهید ایجاد کنید) تنظیم کنید. همچنین زوم اولیه را تنظیم کنید.
باز نقشه های گوگل و اولین مکانی را که می خواهید به نقشه اضافه کنید پیدا کنید و آدرس آن را کپی کنید.
به ویرایشگر Elementor برگردید و بخش را باز کنید پین. روی مکان موجود کلیک کنید و آدرس را با آدرسی که به تازگی کپی کرده اید جایگزین کنید. همچنین توضیحات مکان را در فیلد اضافه کنید شرح پین.
روی دکمه کلیک کنید یک عنصر را اضافه کنید برای افزودن آدرس دیگری کمی پایین تر قرار دارد.
برای تغییر سبک نقشه و همچنین ارتفاع، می توانید بخش را باز کنید سبک نقشه.
توجه داشته باشید: اگر نقشه پس از کشیدن ویجت بارگیری نشد نقشه پیشرفته در ویرایشگر Elementor و پیام «فقط برای اهداف توسعه» را میبینید، مطمئن شوید که صورتحساب Google خود را فعال کردهاید. ابر. خطمشی جدید Google از برنامهنویسان میخواهد که حساب صورتحساب را فعال کنند.
اکنون Elementor Pro را دریافت کنید!!!
نتیجه
بنابراین ! این برای این مقاله است که به شما نشان می دهد چگونه با استفاده از عناصر جت یک نقشه با چندین پین ایجاد کنید. اگر هر گونه نگرانی در مورد نحوه رسیدن به آنجا دارید، به آنها اطلاع دهید نظر.
با این حال ، شما همچنین می توانید مشورت کنید منابع مااگر برای اجرای پروژه های ایجاد سایت های اینترنتی به عناصر بیشتری احتیاج دارید ، با مشورت راهنمای ما در مورد ایجاد وبلاگ وردپرس یا یکی در Divi: بهترین تم وردپرس در همه زمان ها.
اما در عین حال، این مقاله را در شبکه های اجتماعی مختلف خود به اشتراک بگذارید.
...