Cách nhúng Bing Maps vào WordPress

Bạn có muốn nhúng Bing Maps vào trang web WordPress của mình không? Nếu bạn đang tìm kiếm một giải pháp thay thế Google Maps, thì Bing Maps là ứng cử viên phù hợp cho bạn.

Other :

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 web 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.

How to embed Bing Maps in WordPress

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 đồ’.

Embed a Map option in Bing Maps

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.

Customize Bing Map to Embed in WordPress site

Bạn có thể chọn kích thước bản đồ, loại bản đồ (bản đồ tĩnh hoặc bản đồ có thể kéo), kiểu bản đồ (đường bộ hoặc trên không) 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.

generated Embed Code for Bing Maps

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.

Add Custom HTML block in WordPress Page Editor

Sau đó, dán mã nhúng Bản đồ Bing mà bạn đã sao chép trước đó vào trường HTML.

Bing Map Embed Code Added in WordPress Editor

Giờ đây, 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.

Bing Map Embedded in WordPress Manually -preview

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 hiển thị ở trên là lựa chọn tốt nhất.

Tuy nhiên, nếu bạn chạy một trang web nơi 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. Để biết hướng dẫn chi tiết, bạn có thể xem hướng dẫn từng bước của chúng tôi về cách cài đặt plugin WordPress.

Đây là một plugin bản đồ WordPress miễn phí cho phép bạn nhúng bản đồ Bing, bản đồ Tờ rơi và các lựa chọn thay thế Google Maps khác vào blog WordPress của mình.

Để 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.

Sign in to Bing Dev Center

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’.

Bing Maps Dev Center My keys Option

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.

Create Bing Map API key to Embed in WordPress

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 chính trong hộp.

Bing Maps API Key Created

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.

Sau đó, bạn cần dán khóa vào cài đặt plugin của mình.

Truy cập Ultimate Maps by Supsystic »Cài đặt từ bảng điều khiển 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 bạn đã sao chép trước đó vào trường khóa API Bing Maps.

Paste your Bing Maps API key in Ultimate Maps by Supsystic plugin settings

Đừng quên lưu cài đặt plugin của bạn.

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.

Add Marker Categories for Bing Maps

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 một 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.

Add Bing map using a plugin

Bạn cũng có thể định cấu hình các tùy chọn để làm cho bản đồ có thể kéo được, sử dụng nhấp đúp để thu phóng và hơn thế nữa. Quan trọng nhất, hãy nhập vị trí để hiển thị ở trung tâm bản đồ.

Tiếp theo, cuộn xuống và cấu hình thêm các tùy chọn bên dưới. Sau khi hoàn tất, hãy nhấp vào nút ‘Lưu Bản đồ’ bên dưới hộp xem trước bản đồ.

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.

Add new Marker for Bing Map in WordPress

Bạn có thể sử dụng tên của địa điểm hoặc tổ chức làm tên điểm đánh dấu.

Ví dụ: chúng tôi đã sử dụng ‘University of Florida’ làm tên điểm đánh dấu vì chúng tôi muốn hiển thị một số trường cao đẳng tốt nhất ở Florida trong bản đồ demo của chúng tôi.

Sau đó, bạn có thể thêm văn bản mô tả điểm đánh dấu cũng như hình ảnh.

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.

Save Marker for Bing Maps

Xem lại tất cả các tùy chọn khác, sau đó nhấp vào nút ‘Lưu điểm đánh dấu’.

Bạn có thể thêm nhiều điểm đánh dấu hơn bằng cách làm theo các bước tương tự.

Khi bạn thêm các điểm đánh dấu, bạn có thể xem trước chúng trực tiếp trên hộp xem trước. 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.

Copy Bing Map Shortcode to embed in WordPress

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.

Add Shortcode Block in WordPress

Bây giờ bạn cần dán shortcode bản đồ Bing mà bạn đã sao chép trước đó.

Paste BIng Map Embed Shortcode in WordPress Page Editor

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.

Đây là cách bản đồ Bing được nhúng xuất hiện trên trang web demo của chúng tôi.

Bing Map Embedded in WordPress using a Plugin

Chúng tôi hy vọng bài viết này đã giúp bạn tìm hiểu cách nhúng Bing Maps vào WordPress một cách dễ dàng. Bạn cũng có thể muốn xem hướng dẫn của chúng tôi về cách nhúng các tweet thực tế vào các bài đăng trên blog WordPress.

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

Free Download Cách nhúng Bing Maps vào WordPress :

Trong khi chờ đợi, vui lòng nhấn vao quảng cáo phía trên để tác giả có phí duy trì website , xin cám ơn ^^^

In the meantime, please click on the ad so that the author has a website maintenance fee, very very very thank you ^^^ !!!!

Download Instructions

Join our official telegram group and channel for latest updates.

Để lại một bình luận

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More

© 2021 All Rights Reserved | Shared by Tainguyenwordpress