Bạn có muốn tìm hiểu cách tạo bản đồ có nhiều ghim bằng Jet Elements không?
Yếu tố phản lực cung cấp một tiện ích có tên Bản đồ nâng cao. Không thích tiện ích Google Bản đồ bản địaElementor chỉ hỗ trợ một vị trí, Tiện ích bản đồ nâng cao của Jet Elements cho phép bạn tạo bản đồ có nhiều ghim.
Để sử dụng tiện ích này, trước tiên bạn phải tích hợp Jet Elements với Google Bản đồ sử dụng khóa API.
Jet Elements Advanced Map Widget khá hữu ích nếu bạn có một doanh nghiệp có nhiều chi nhánh trong thành phố và muốn tạo một bản đồ hiển thị vị trí của các chi nhánh của bạn. Tiện ích này cũng hữu ích để tạo thứ gì đó giống như bản đồ các điểm du lịch trong thành phố.
Đây là cách sử dụng widget này.
Bước 1: Tích hợp JetElements với Google Maps
Như đã đề cập, bạn cần có khóa API Google Maps để tích hợp Jet Elements với Google Maps. Bạn có thể lấy khóa API thông qua bảng điều khiển API của Google.
Vì vậy, hãy ghé thăm Bảng điều khiển API của Google và đăng nhập bằng tài khoản Google của bạn. Nếu bạn chưa có dự án, hãy tạo dự án mới bằng cách nhấp vào menu thả xuống ở trên cùng và nhấp vào DỰ ÁN MỚI trên cửa sổ bật lên xuất hiện.
Đặt tên cho dự án của bạn và nhấp vào nút CREATE .
Sau khi dự án mới của bạn được tạo, hãy chọn dự án đó qua menu thả xuống ở đầu bảng điều khiển Google API Console, sau đó nhấp vào Thư viện trên bảng điều khiển bên trái.
Google chia Google Maps API thành 17 loại. Bạn phải kích hoạt các API theo yêu cầu của Tiện ích bản đồ nâng cao Jet Elements để sử dụng tiện ích này. Crocoblock, nhà phát triển Jet Elements, không cung cấp bất kỳ thông tin chi tiết nào về các API cần thiết. Dựa trên kinh nghiệm của chúng tôi, chúng tôi đã kích hoạt các API sau:
- API chỉ đường
- API mã hóa địa lý
- API JavaScript của Maps
- API địa điểm
Bạn có thể nhấp vào liên kết HIỂN THỊ TẤT CẢ trong phần Cartes để xem tất cả.
Để kích hoạt API, hãy chọn API liên quan (bằng cách nhấp vào nó) và nhấp vào nút KÍCH HOẠT.
Khi bạn đã hoàn tất việc bật các API được yêu cầu, hãy quay lại trang tổng quan chính của Google API Console và nhấp vào định danh trên bảng điều khiển bên trái. Nhấn nút Tạo thông tin đăng nhập và chọn Khóa API. Sao chép khóa API trên cửa sổ bật lên xuất hiện.
Tiếp theo, đăng nhập vào bảng điều khiển WordPress của bạn và truy cập JetPlugin – > Cài đặt JetElements.
Bấm vào tab tích hợp và dán khóa API của bạn vào trường Khóa API Google Maps trong phần bản đồ Google. Kích hoạt tùy chọn Khóa API mã hóa địa lý riêng biệt và dán mã tương tự vào Khóa API mã hóa địa lý.
Bước 2: Tạo bản đồ
Khi Jet Elements và Google Maps được tích hợp thành công, bạn có thể bắt đầu tạo bản đồ. Để thực hiện việc này, hãy tạo một trang mới (Trang -> Thêm) hoặc một mục mới (Mục -> Thêm) và sửa đổi nó với Elementor.
Trong trình soạn thảo Elementor, hãy đặt bố cục trước khi bạn bắt đầu. Để thực hiện việc này, hãy mở bảng Cài đặt Trang bằng cách nhấp vào biểu tượng bánh răng ở góc dưới bên trái. Chọn bố cục từ menu thả xuống bên dưới tùy chọn thiết lập.
Thêm phần mới bằng cách nhấp vào biểu tượng dấu cộng trong hộp chỉnh sửa Elementor và kéo tiện ích Bản đồ nâng cao vào canvas.
Đặt trung tâm bản đồ là thành phố của bạn (hoặc bất kỳ khu vực nào tùy thuộc vào bản đồ bạn muốn tạo). Cũng đặt thu phóng ban đầu.
mở bản đồ Google và tìm vị trí đầu tiên bạn muốn thêm vào bản đồ và sao chép địa chỉ của nó.
Quay lại trình chỉnh sửa Elementor và mở phần Pins. Nhấp vào vị trí hiện có và thay thế địa chỉ bằng địa chỉ bạn vừa sao chép. Đồng thời thêm mô tả về vị trí trên trường Ghim Mô tả.
Nhấn nút THÊM PHẦN TỬ nằm thấp hơn một chút để thêm một địa chỉ khác.
Để thay đổi kiểu bản đồ cũng như chiều cao, bạn có thể mở phần Kiểu bản đồ.
GHI CHÚ: Nếu bản đồ không được tải sau khi kéo tiện ích Bản đồ nâng cao trong trình chỉnh sửa Elementor và bạn thấy thông báo “Chỉ dành cho mục đích phát triển”, hãy đảm bảo bật thanh toán Google của bạn đám mây. Chính sách mới của Google yêu cầu nhà phát triển kích hoạt tài khoản thanh toán.
Tải xuống Elementor Pro ngay bây giờ !!!
Kết luận
Vì thế ! Đó là bài viết hướng dẫn bạn cách tạo bản đồ có nhiều chân bằng cách sử dụng Jet Elements. Nếu bạn có bất kỳ thắc mắc nào về cách đến đó, hãy cho họ biết trong ý kiến.
Tuy nhiên, bạn cũng có thể tham khảo ý kiến tài nguyên của chúng tôi, nếu bạn cần thêm các yếu tố để thực hiện các dự án tạo trang Internet của mình, bằng cách tham khảo hướng dẫn của chúng tôi về Tạo blog WordPress hoặc một ngày Divi: chủ đề WordPress tốt nhất mọi thời đại.
Nhưng trong lúc này, chia sẻ bài viết này trên các mạng xã hội khác nhau của bạn.
...
