Cách thêm bản đồ tương tác trong WordPress

Bạn có muốn thêm một bản đồ tương tác trong WordPress không? Bản đồ tương tác cho phép người dùng của bạn khám phá các tuyến đường, chuyến đi và hành trình bằng cách nhấp vào các điểm đánh dấu trên bản đồ hoặc bằng cách di chuyển chuột. Trong bài viết này, chúng tôi sẽ chỉ cho bạn cách dễ dàng thêm bản đồ tương tác trong WordPress.

Thêm bản đồ tương tác trong WordPress

Video hướng dẫn

Đăng ký WPBeginner

Nếu bạn không thích video hoặc cần thêm hướng dẫn, hãy đọc tiếp.

phương pháp 1: Thêm bản đồ tương tác trong WordPress bằng Google My Maps

Phương pháp này đơn giản hơn và không yêu cầu bạn phải cài đặt plugin trên trang web WordPress của bạn.

Trước tiên, bạn cần truy cập trang web Google My Maps và nhấp vào nút “Tạo bản đồ mới”.

Tạo một bản đồ mới

Điều này sẽ đưa bạn đến trang chỉnh sửa bản đồ. Trên màn hình này, bạn có thể tạo bản đồ của mình bằng cách chọn sơ đồ cơ sở, thêm POI, lớp và hơn thế nữa.

Chỉnh sửa bản đồ

Sử dụng thanh công cụ ở trên cùng, bạn có thể vẽ các đường trên bản đồ, thêm tuyến đường, sử dụng thước kẻ và chọn các yếu tố.

Sử dụng thanh công cụ bản đồ

Tất cả các yếu tố bản đồ được lưu trong các lớp bên trái. Bạn có thể thêm, chỉnh sửa, đổi tên hoặc thậm chí loại bỏ các lớp. Bạn cũng có thể nhấp vào bất kỳ mục nào trên lớp của mình để thêm mô tả, thay đổi tiêu đề hoặc thêm ảnh / video.

Thêm mô tả

Khi bạn đã chỉnh sửa xong bản đồ của mình, bạn phải đặt nó ở chế độ công khai trước khi bạn có thể sử dụng nó trên trang web của mình. Bạn có thể làm điều này bằng cách nhấp vào nút chia sẻ trong bảng chỉnh sửa.

Chia sẻ bản đồ tương tác của bạn

Điều này sẽ mở trung tâm chia sẻ nơi bạn phải nhấp vào “Thay đổi” trong phần “Ai có quyền truy cập”.

Chia sẻ cài đặt

Tiếp theo, bạn phải chọn “Đã bật – Công khai trên web” và sau đó nhấp vào nút Lưu.

Công khai bản đồ của bạn

Sau đó, nhấp vào “Xong” để đóng trung tâm chia sẻ.

Trong bảng chỉnh sửa, nhấp vào biểu tượng menu bên cạnh tên bản đồ và sau đó chọn “Chèn vào trang web của tôi”.

Chèn bản đồ vào trang web

Bây giờ bạn sẽ thấy mã nhúng bạn cần sao chép.

Nhập mã

Sau đó, đi đến bài đăng hoặc trang nơi bạn muốn thêm bản đồ WordPress tương tác của mình. Trên màn hình chỉnh sửa tiếp theo, bạn cần chuyển sang trình chỉnh sửa văn bản và dán mã chèn của bản đồ mà bạn đã sao chép trước đó.

Dán mã bản đồ tương tác của bạn vào WordPress

Bây giờ bạn có thể lưu các thay đổi của mình và xem trước bài đăng của bạn để xem bản đồ tương tác của bạn hoạt động.

Xem trước bản đồ

phương pháp 2: Thêm bản đồ tương tác trong WordPress bằng cách sử dụng plugin

Mặc dù bạn có thể tạo và thêm bản đồ tương tác với Google Maps, nó vẫn thiếu một số tính năng nhất định và bị giới hạn ở Google Maps.

Nếu bạn muốn sử dụng Open Street Maps, Bing hoặc các dịch vụ lập bản đồ khác, thì phương pháp này là dành cho bạn.

Điều đầu tiên bạn nên làm là cài đặt và kích hoạt plugin Maps Marker Pro. Để biết thêm chi tiết, hãy xem hướng dẫn từng bước của chúng tôi về cách cài đặt plugin WordPress.

Sau khi kích hoạt, bạn phải truy cập Bản đồ Marker Pro trang để tạo bản đồ tương tác của bạn. Để bắt đầu, bạn phải nhấp vào nút “Thêm lớp mới”.

Thêm một lớp mới vào bản đồ của bạn

Tiếp theo, bạn cần cung cấp một tên cho lớp của bạn và nhấp vào xuất bản.

Tạo một layer mới và xuất bản nó

Bây giờ bạn đã tạo một lớp, bạn đã sẵn sàng để thêm các điểm đánh dấu bản đồ vào nó. Đi Maps Marker Pro »Thêm điểm đánh dấu mới trang để thêm dấu trang đầu tiên của bạn.

Thêm dấu trang đầu tiên

Trước tiên bạn sẽ cần nhập tiêu đề cho điểm đánh dấu, sau đó tìm kiếm vị trí và chọn nó.

Bạn cũng sẽ cần đặt điểm đánh dấu của bạn trên lớp bạn đã tạo trước đó. Bạn có thể làm điều này bằng cách gõ tên của lớp trong trường lớp và chọn nó.

Đừng quên nhấp vào nút “Xuất bản” để lưu dấu trang của bạn.

Lặp lại quá trình để thêm các điểm đánh dấu khác vào lớp.

Khi bạn đã hoàn tất việc thêm dấu trang, bạn có thể chỉnh sửa bất kỳ bài đăng hoặc trang WordPress nào bạn muốn thêm bản đồ.

Trên màn hình chỉnh sửa xuất bản, nhấp vào nút “Thêm bản đồ”.

Thêm nút bản đồ

Một cửa sổ bật lên sẽ xuất hiện hiển thị tất cả các điểm đánh dấu trên bản đồ của bạn và lớp bạn đã tạo trước đó. Bạn phải chọn lớp và nhấp vào nút Chèn Bản đồ.

Chọn và chèn lớp bản đồ trong bài viết hoặc trang của bạn

Plugin sẽ thêm shortcode cần thiết trong khu vực soạn thảo bài đăng của bạn. Bây giờ bạn có thể lưu hoặc xuất bản bài đăng và xem trước để xem bản đồ tương tác của bạn.

Xem trước bản đồ tương tác của bạn

Bạn luôn có thể chỉnh sửa lớp chính của mình để điều chỉnh kích thước và kích thước của bản đồ.

Maps Marker Pro là một plugin mạnh mẽ với hàng tấn tùy chọn như bản đồ nhiều lớp, đánh dấu tùy chỉnh, chỉ đường, hỗ trợ GPX, xuất bản đồ ở nhiều định dạng và hơn thế nữa. Bạn có thể khám phá các tùy chọn này để làm cho bản đồ của bạn thậm chí tương tác nhiều hơn.

Chúng tôi hy vọng bài viết này đã giúp bạn tìm hiểu cách thêm bản đồ tương tác trong WordPress. Bạn cũng có thể xem danh sách các plugin Google Maps tốt nhất cho WordPress.

Nếu bạn thích bài viết này, đăng ký kênh của chúng tôi YouTube để xem video hướng dẫn WordPress. Bạn cũng có thể tìm thấy chúng tôi tại Twitter và Facebook.