Tương tự như Google Maps, bạn có thể sử dụng Bing Maps để hiển thị chỉ đường, giao thông, tuyến đường và hướng dẫn điều hướng trên trang WordPress của mình. Vì nó thuộc sở hữu của Microsoft, nó là một ứng dụng bản đồ tuyệt vời với rất nhiều dữ liệu hữu ích.
Trong bài viết này, chúng tôi sẽ hướng dẫn bạn cách dễ dàng nhúng Bing Maps vào WordPress, từng bước.
1. Thêm Bản đồ Bing trong WordPress (Không cần Plugin)
Điều đầu tiên bạn cần làm là truy cập trang web Bing Maps và tìm kiếm vị trí hoặc bản đồ bạn muốn nhúng. Khi bạn đã tìm thấy vị trí, hãy nhấp vào tùy chọn ‘Thêm’ với biểu tượng ba chấm và chọn tùy chọn ‘Nhúng bản đồ.
Sau đó, nó sẽ mở ra một tab mới, nơi bạn có thể tùy chỉnh bản đồ để nhúng vào trang web của mình.
Bạn có thể chọn kích thước bản đồ, loại bản đồ , kiểu bản đồ và liên kết bản đồ. Xem lại các tùy chọn tùy chỉnh và sau đó nhấp vào Tạo mã.
Sau đó, nó sẽ cung cấp cho bạn một đoạn mã. Hãy tiếp tục và sao chép mã vì bạn sẽ cần nó trong bước tiếp theo.
Bây giờ, hãy quay lại trang WordPress của bạn và tạo một trang mới hoặc chỉnh sửa một trang hiện có mà bạn muốn thêm bản đồ.
Trên màn hình chỉnh sửa trang, nhấp vào biểu tượng Thêm khối mới và chọn khối HTML tùy chỉnh.
Sau đó, dán mã nhúng Bản đồ Bing mà bạn đã sao chép trước đó vào trường HTML.
Bây giờ bạn có thể lưu hoặc xuất bản trang của mình và nhấp vào nút xem trước để xem bản đồ được nhúng trong trang của bạn. Đây là cách Bản đồ Bing xuất hiện trên trang web demo của chúng tôi.
2. Thêm Bản đồ Bing bằng Plugin
Nếu bạn chỉ cần nhúng một bản đồ vào trang web của mình, thì phương pháp thủ công được trình bày ở trên là lựa chọn tốt nhất.
Tuy nhiên, nếu bạn chạy một trang web mà bạn thường xuyên cần thêm bản đồ, thì việc sử dụng một plugin để thêm Bing Maps sẽ dễ dàng hơn.
Điều đầu tiên bạn cần làm là cài đặt và kích hoạt plugin Ultimate Maps by Supsystic . Để sử dụng plugin này với bản đồ Bing, bạn sẽ cần phải có Khóa API bản đồ Bing.
Chỉ cần tạo một tài khoản trên trang web Bing Maps Dev Center . Nếu bạn đã có tài khoản Microsoft, thì bạn chỉ cần đăng nhập bằng thông tin đăng nhập tài khoản của mình.
Khi bạn đã đăng nhập vào tài khoản của mình, bạn cần nhấp vào menu ‘Tài khoản của tôi’ và chọn tùy chọn ‘Khóa của tôi’.
Trên màn hình tiếp theo, bạn cần điền thông tin trang web của mình để tạo khóa.
Sau đó, bạn có thể thấy thông báo ‘Đã tạo khóa thành công’ và các chi tiết khóa trong hộp.
Bạn có thể chỉ cần nhấp vào liên kết ‘Sao chép khóa’ hoặc liên kết ‘Hiển thị khóa’ và sao chép khóa API Bing Maps.
Truy cập Ultimate Maps by Supsystic »Cài đặt từ trang tổng quan của bạn và chọn ‘Bing Microsoft’ làm công cụ bản đồ của bạn. Sau đó, dán khóa API mà bạn đã sao chép trước đó vào trường khóa API Bing Maps
Sau đó, bạn cần thêm danh mục điểm đánh dấu bằng cách truy cập Bản đồ cuối cùng của Supsystic »Danh mục điểm đánh dấu » Thêm danh mục .
Tạo nhiều danh mục điểm đánh dấu nếu bạn cần. Tiếp theo, nhấp vào menu Thêm Bản đồ để tạo bản đồ mới. Nhập tên cho bản đồ của bạn, xác định chiều rộng và chiều cao của bản đồ, chọn chế độ thanh điều hướng, v.v.
Sau đó, bạn có thể thêm các điểm đánh dấu để hiển thị các điểm vị trí chính trong bản đồ của mình. Bấm vào tab Điểm đánh dấu, sau đó thêm tên cho nhà sản xuất của bạn.
Cuộn xuống và chọn một biểu tượng cho điểm đánh dấu mới của bạn. Tiếp theo, bạn cần nhập địa chỉ để trỏ điểm đánh dấu. Và, cũng chọn danh mục điểm đánh dấu.
Khi bạn hài lòng với bản đồ của mình, hãy điều hướng đến tùy chọn ‘Mã ngắn của bản đồ’ ở trên cùng và sao chép mã ngắn.
Sau đó, tạo một trang mới hoặc chỉnh sửa một trang hiện có để nhúng bản đồ Bing mới của bạn. Khi ở trong trình chỉnh sửa trang, hãy nhấp vào biểu tượng Thêm khối mới và chọn khối Mã ngắn trong phần Tiện ích.
Bây giờ bạn cần dán shortcode bản đồ Bing mà bạn đã sao chép trước đó.
Sau khi hoàn tất, hãy lưu hoặc xuất bản trang của bạn và xem trước bản đồ Bing trông như thế nào trên trang web của bạn. Và đây là demo sau khi đã hoàn thành?
>>>> Xem thêm: DỊch vụ vps của iNET: https://inet.vn/vps