Cách kết nối và tìm kiếm với Joomla và OpenStreetMap

Khi chúng tôi cung cấp dịch vụ thông qua trang web của mình hoặc khi chúng tôi có văn phòng thực tế, điều rất quan trọng là khách hàng phải biết chính xác vị trí, vì điều này mang lại sự bảo mật lớn hơn khi chọn chúng tôi làm lựa chọn tốt nhất của họ và lựa chọn tốt nhất để cho họ biết chính xác vị trí là bằng cách sử dụng bản đồ.

Joomla cung cấp nhiều tùy chọn để nhúng bản đồ và một trong những tùy chọn tốt nhất là My Maps Locations cho phép bạn kết nối trang web của mình với các nhà cung cấp bản đồ như Google Maps, Bing và OpenStreetMap.
OpenStreetMap là một nhà cung cấp bản đồ rất phổ biến với nhiều tùy chọn để kết nối với trang web của bạn nhưng bạn có thể cần sự giúp đỡ từ nhà phát triển để đạt được điều đó nên đừng lo lắng nữa, My Maps Locations cung cấp cho bạn tùy chọn để thực hiện điều đó một cách dễ dàng. Trong các bước tiếp theo, chúng ta sẽ xem cách kết nối OpenStreetMap với Joomla thật dễ dàng.

 Mục lục

Thiết lập Tiện ích OpenStreetMap Joomla này 

Để bắt đầu sử dụng phần mở rộng OpenStreetMap Joomla nàyextension, chúng tôi sẽ sử dụng một trang Joomla được lưu trữ cục bộ.
Để kết nối trang Joomla của bạn với OpenStreetMap, bạn chỉ cần truy cập Thành phần > My Maps Location > Cấu hình > Cấu hình chung và đặt OpenStreetMap làm nhà cung cấp bản đồ cũng như tìm kiếm tự động hoàn thành, việc này được thực hiện chỉ bằng cách nhấp vào chúng.

Bây giờ mọi thứ đã được thiết lập, bạn có tùy chọn thay đổi loại OpenStreetMap trong tab “Nhà cung cấp bản đồ”.

Chúng tôi sẽ sử dụng OpenStreetMap.Mapnik.
Khi bạn đã hoàn thành mọi thứ, chỉ cần nhấp vào Lưu và mọi thứ sẽ được thực hiện xong.

Hãy hiển thị các địa điểm trên phần mở rộng Bản đồ Joomla này 

Bây giờ chúng ta đã thiết lập OpenStreetMaps làm nhà cung cấp bản đồ, chúng ta sẽ bắt đầu thêm vị trí và danh mục để hiển thị chúng trong frontend, trước hết, chúng ta sẽ tạo danh mục để thêm vị trí vào bên trong.

Một danh mục là cách các địa điểm được phân loại, các danh mục được hiển thị trong frontend dưới dạng bộ lọc hoặc được sử dụng làm tham số được xác định trước trong một mục menu để tải một số địa điểm được phân loại.
Bạn nên sử dụng các danh mục này khi bạn có nhiều địa điểm, có thể tạo danh mục và danh mục con. Để tạo một danh mục mới, hãy đi đến Thành phần > My Maps Location > Danh mục

Bây giờ, bạn phải điền tiêu đề, và nếu bạn muốn đặt danh mục đó làm danh mục con, bạn sẽ phải chọn một thư mục cha trong phần bên phải.

Lưu ý rằng trong phần này, bạn có thể đặt danh mục này là đã xuất bản/chưa xuất bản và thêm các tham số khác như quyền riêng tư, ngôn ngữ, thẻ và ghi chú. Bạn cũng có thể xác định một điểm đánh dấu mặc định cho vị trí trong danh mục trong “tab chọn điểm đánh dấu”, đi đến tab đó và nhấp vào CHỌN, cuối cùng chọn điểm đánh dấu mà bạn muốn sử dụng và nhấp vào “Chèn”.

Bây giờ mà điểm đánh dấu đã được xác định và danh mục đã hoàn thành, chỉ cần nhấp vào Lưu và mọi thứ sẽ được hoàn thành cho danh mục đó.Bước tiếp theo là tạo một vị trí mới để hiển thị nó trong frontend.
Để tạo vị trí, hãy đi đến Thành phần > My Maps Location > Vị trí > Mới.
Có 3 trường cần được hoàn thành:

• Tên của vị trí.
• Danh mục của vị trí.
• Chi tiết vị trí (địa chỉ).

Có 3 tùy chọn để thêm địa chỉ:

• Sử dụng trường tìm kiếm.
• Điều hướng trên bản đồ và sử dụng con trỏ để chỉ một vị trí.
• Điền một địa chỉ.

Có các trường khác mà bạn có thể điền nhưng đây là những trường bắt buộc, đối với ví dụ này, chúng tôi sẽ điền 3 trường này.
Đối với ví dụ này, chúng tôi sẽ sử dụng Big Ben làm địa điểm.

Nó đơn giản như viết “Big Ben” trong thanh tìm kiếm và nhấp vào “TÌM KIẾM”. Bạn cũng có thể di chuyển trên bản đồ và đặt một điểm đánh dấu trực tiếp, kết quả sẽ giống nhau và bạn sẽ nhận được vĩ độ và kinh độ được điền tự động. Tất cả thông tin khác về vị trí (mô tả, giờ,...) được hiển thị trong chế độ xem chi tiết của vị trí. Liên kết liên hệ trong phần chỉnh sửa chi tiết vị trí là khả năng thêm liên kết liên hệ, mailto hoặc URL cho mỗi vị trí. Trên frontend, nó sẽ là một nút liên hệ mở URL hoặc thực hiện hành động mailto. Cuối cùng, nhấp vào Lưu, vị trí sẽ được tạo.

Bước cuối cùng là hiển thị vị trí cuối cùng, ví dụ này, chúng tôi sẽ thêm vị trí bằng cách sử dụng một mô-đun, My Maps Location đi kèm với 2 mô-đun cho các vị trí gốc + mô-đun khác cho tích hợp bên thứ 3 (như mô-đun để hiển thị các vị trí mục K2).
Các mô-đun sẽ cho phép bạn sử dụng các bộ lọc giống như menu nhưng ở vị trí mô-đun, bạn có thể hiển thị vị trí dưới dạng bản đồ hoặc danh sách và bạn cũng có tùy chọn chọn một số vị trí hoặc danh mục vị trí.
Chỉ cần đi đến Extensions > Mô-đuns và nhấp vào Mới sau đó, chọn Mô-đun Bản đồ My Maps Location.

Trong phần này, bạn sẽ có thể thiết lập mọi thứ cho mô-đun, hãy nhớ đặt OpenStreetMap làm nhà cung cấp bản đồ.

Chúng tôi đã gọi danh mục OpenStreetMap là danh mục cho bản đồ mà chúng tôi đã tạo trước đó.
Cuối cùng, chỉ cần nhấp vào Lưu và Mô-đun Bản đồ sẽ hoàn tất.

Chúng tôi đã thêm nó vào phần bên phải và nó trông khá đẹp.
Như bạn có thể thấy, việc thiết lập rất dễ dàng và chỉ cần nhấp vào một số điều để hoàn thành.

Bắt đầu sử dụng My Maps Location và tạo trang web Joomla tốt nhất Website

Trong bài đăng này, chúng tôi đã trình bày chỉ một vài tính năng của extension tuyệt vời này, tất cả các tính năng như tích hợp Hikashop đều rất dễ sử dụng và sẽ làm cho trang web của bạn trông rất chuyên nghiệp, vì vậy câu hỏi bây giờ là… Bạn đang chờ đợi điều gì? Đi đây và nhận tư cách thành viên ngay bây giờ!