• author
    Phúc Mạnh Nguyễn Xin lỗi mọi người, vì website của mình đang trong tình trạng cải thiện, nên một số tính năng chưa được hoàn thiện mong được sự góp ý của các bạn...notification-date">
Xem tất cả tin nhắn
Xem tất cả thông báo

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, hành trình đường đi bằng cách nhấp vào các điểm đánh dấu trên bản đồ hoặc di chuyển chuột xung quanh. Trong bài viết này, mình sẽ hướng dẫn bạn cách dễ dàng thêm một bản đồ tương tác trong WordPress.

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

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

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 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 ‘Create a new map‘.

Thao tác 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 bản đồ cơ sở, thêm điểm ưa thích, lớp và hơn thế nữa.

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 các thước kẻ và chọn các mục.

Tất cả các mục bản đồ của 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í xóa các lớp. Bạn cũng có thể nhấp vào bất kỳ mục nào trong lớp của bạn để thêm mô tả, thay đổi tiêu đề hoặc thêm ảnh / video.

Khi bạn đã chỉnh sửa xong bản đồ của mình, bạn cần đặt nó ở chế độ công khai để 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 Share trong bảng chỉnh sửa.

Bạn cần nhấp vào ‘Change‘ trong phần ‘Who has access‘.

Tiếp theo, bạn cần chọn ‘On – Public on the web‘ và sau đó nhấp vào nút lưu.

Sau đó nhấp vào ‘Done’ để đóng.

Trên 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 ‘Embed on my site’.

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

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

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

Phương pháp 2: Thêm bản đồ tương tác trong WordPress bằng Plugin

Mặc dù bạn có thể tạo và thêm bản đồ tương tác bằng cách sử dụng Google Maps, bản đồ vẫn thiếu một số tính năng nhất định và được giới hạn trong 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 cần làm là cài đặt và kích hoạt plugin Maps Marker Pro.

Khi kích hoạt, bạn cần truy cập trang Maps Marker Pro để tạo bản đồ tương tác của bạn. Để bắt đầu, bạn cần nhấp vào nút ‘Add New Layer‘.

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

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ó. Chuyển đến Maps Marker Pro » Add New Marker để thêm điểm đánh dấu đầu tiên của bạ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 phải đặ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 ‘Publish‘ để lưu điểm đánh dấu của bạn.

Lặp lại quy 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 điểm đánh dấu, bạn có thể chỉnh sửa bất kỳ bài đăng hoặc trang WordPress nào mà bạn muốn thêm bản đồ.

Trên màn hình chỉnh sửa bài đăng, nhấp vào nút ‘Add Map‘.

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

Plugin sẽ thêm shortcode bắt buộc vào khu vực trình chỉnh sửa bài đăng của bạn. Giờ đây, bạn có thể lưu hoặc xuất bản bài đăng của mình và xem trước bài đăng để xem 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 bản đồ.

Maps Marker Pro là một plugin mạnh mẽ với nhiều 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 tương tác hơn nữa.

Chia sẻ ngay

Tags: ,

Leave a Reply

Your email address will not be published. Required fields are marked *

*

*
*

Cách sử dụng Filter Hook trong WordPress
Cách sử dụng Action Hook trong WordPress
Code chèn nút chia sẻ mạng xã hội cho WordPress
Hiển thị bài viết liên quan, cùng chuyên mục trong wordpress
Chèn quảng cáo Adsense vào vị trí bất kỳ trong bài viết WordPress
Chèn bài viết liên quan vào giữa nội dung bài viết đơn giản
Hiển thị ngày cập nhật cuối cùng của bài viết trong WordPress
Hiển thị thông tin của người dùng hiện tại khi đã đăng nhập website
Bật debug gỡ lỗi trong WordPress
Thông tin

Mình có nhận thiết kế web nha! Mình cũng đang cần tìm đồng đội làm front end vả wordpress tại Bình Dương nếu bạn có thời gian thì PM mình nhá!

Hình ảnh
Bình luận mới
tam vu
2018-08-04 05:43:10

Rất chi tiết và đầy đủ. Thanks...Xem thêm

Nguyễn Mạnh Phúc
2018-07-28 09:27:20

Đã duyệt!...Xem thêm

phat
2018-07-28 06:45:09

Hi , mình rất thích giao dien woohoo này , nhưng mà ko có xiền :v Bạn có thể share cho mình qua mail : phathuynh6868@outlook.com đc hăm thanks you !!...Xem thêm

Nguyễn Mạnh Phúc
2018-07-25 14:41:27

Done!...Xem thêm

Nguyen Manh Doan
2018-07-23 03:58:33

Chào bạn, bạn cho mình xin key với nhé. Mail mình "nguyenmanhdoan1307@gmail.com" Cảm ơn bạn!...Xem thêm

nhan
2018-07-22 11:09:28

Hi, bạn có thể chia sẻ theme cho mình qua email: nttnhan.tpu@gmail.com ko ạ? thank you! <3...Xem thêm

DSN
2018-07-17 15:38:54

Mình xin key , cảm ơn bạn! daosinguyen@gmail.com...Xem thêm

Nguyễn Mạnh Phúc
2018-07-15 03:39:26

Đã duyệt...Xem thêm

mạnh
2018-07-11 17:17:16

b share cho mình vs, mail mình là manhmd.avi@gmail.com. Thanks bạn nhiều...Xem thêm

Phan Viết Đô
2018-07-10 00:40:32

Thanks you bài viết rất bổ ích....Xem thêm

thai doan
2018-07-09 02:34:27

bạn cho mình xin key flatsome với, email của mình: doanvanvinhthai@gmail.com xin cám ơn...Xem thêm

anh khoa
2018-07-09 02:25:47

Bạn có thể gởi plugin cho mình được không ạ: dichvumaildn@gmail.com Cảm ơn bạn!...Xem thêm

Thọ
2018-07-06 04:44:41

ad cho em xin key với ạ, em cám ơn nhiều hihi <3...Xem thêm

Long
2018-07-04 10:09:11

bạn cho mình xin key flatsome với, email của mình: dinhlong.hoo@gmail.com...Xem thêm

ThanhHV
2018-07-01 05:58:39

Cho mình xin key với, email của mình: hovanthanhkd@gmail.com...Xem thêm

Nguyễn Mạnh Phúc
2018-06-27 13:57:11

Oke a!...Xem thêm

ThanhTrungIT.Net
2018-06-26 02:08:59

Bác nào cần mua key flatsome bản quyền cứ liên hệ em :D huhu ad duyệt hộ e...Xem thêm

Nguyễn Mạnh Phúc
2018-06-18 10:28:41

Mình đã để link trên đó rồi bạn nhe! Bạn tại về theo đường link bên trên nhé!...Xem thêm

Chuong
2018-06-18 10:18:23

Tôi muốn intro...Xem thêm

Nguyễn Mạnh Phúc
2018-06-15 03:18:37

Mình đã gửi, bạn vui lòng check mail nhé!...Xem thêm

Đoàn Đạo
2018-06-14 16:20:35

Xin cảm ơn. Mình muốn xin theme woohoo bản mới nhất là 2.0.4 bạn có thể chia sẻ theme cho mình qua email laodai267@gmail.com được không....Xem thêm

Nguyễn Mạnh Phúc
2018-06-06 10:21:22

Đã duyệt....Xem thêm

Nguyễn Mạnh Phúc
2018-06-06 10:21:04

Đã duyệt....Xem thêm

Nguyễn Mạnh Phúc
2018-06-06 10:20:02

Đã duyệt....Xem thêm

Nguyễn Mạnh Phúc
2018-06-06 10:19:03

Đã duyệt....Xem thêm

Nguyễn Mạnh Phúc
2018-06-06 10:18:40

Đã duyệt....Xem thêm

Kun Kol
2018-06-06 01:13:32

Nếu được share cho mình với nhé. Cảm ơn bạn....Xem thêm

Xuân Tùng
2018-06-03 04:17:51

Cho mình xin key với, email của mình: xtung0102@gmail.com Thanks nhiều...Xem thêm

tuan
2018-06-03 02:21:30

bạn share cho mình với, mail của mình toibantang@gmail.com cảm ơn bạn :)...Xem thêm

Cathy
2018-06-01 11:01:02

This is really useful, thanks....Xem thêm

hihiweb.com
2018-06-01 02:24:44

Đã duyệt....Xem thêm

Hải
2018-06-01 01:28:31

Bạn có thể gửi plguin qua mail hai.goldenant@gmail.com được ko ? cám ơn...Xem thêm

hihiweb.com
2018-05-31 14:48:58

Inbox mình gửi Plugin cho nhé!...Xem thêm

Trường
2018-05-31 02:27:32

Mình chèn code ok nhưng phần chèn: font-awnsome vào header.php bị lỗi và chèn hiệu ứng ẩn hiện vào thẻ không đúng.Nên công cụ chat không có hiệu ứng chỉ là tĩnh. Mình xài wordpress vào add code đúng như hướng dẫn nhưng không bạn, bạn giúp mình với...Xem thêm

Jeffrey Gonsior
2018-05-29 10:34:07

That sure is one pretty site you have there. Can I ask you a very simple question? What kind of fertilizer do you use to make it grow so wonderfully?...Xem thêm

lưu tuấn ngọc
2018-05-26 01:14:41

Share cho mình key và theme nhé! Thanks b nh! mail: ngocdunganh1406@gmail.com...Xem thêm

tuan
2018-05-25 10:29:35

cho mình xin bản 3.5.1 nhé. Email: tuankido312@gmail.com...Xem thêm

hihiweb.com
2018-05-23 03:32:39

Có bạn nha! Bản này là bản mới nhất mình cập nhật thường xuyên nên bạn yên tâm sử dụng nhe!...Xem thêm

Khanh
2018-05-22 09:05:10

Bản này version mấy vậy ạ, phần UX builder có custome được product detail không...Xem thêm

Thiên Quân
2018-05-21 02:05:20

Cho mình xin key với, email của mình: light.1991.night@gmail.com...Xem thêm

Hiep Tran
2018-05-20 00:00:29

Mình đang cần My WP Backup Pro Bạn cho mìn xin nhé....Xem thêm

Phi
2018-05-17 16:46:59

Cho xin key bản 3.5.3 với bạn ơi, cám ơn nhiều nè ^^ email của mình : hotruongphi@gmail.com Thanks,...Xem thêm

hihiweb.com
2018-05-17 14:58:03

Cảm ơn bạn, mình sẽ cố gắng trong thời gian tới....Xem thêm

hihiweb.com
2018-05-17 14:57:19

Đã duyệt....Xem thêm

hihiweb.com
2018-05-17 14:55:57

Đã duyệt....Xem thêm

Linh
2018-05-17 07:59:44

cho mình xin với. mail : linhphamqt@gmail.com Cảm ơn ạ....Xem thêm

Dacia
2018-05-15 04:18:47

This paragraph is actually a pleasant one it helps new internet users, who are wishing in favor of blogging....Xem thêm

Trường
2018-05-13 08:44:34

cho mình xin key hay share themes nhe . cảm ơn bạn nhiều !! findthename20@gmail.com...Xem thêm

Lynell
2018-05-12 02:09:15

I could not refrain from commenting. Well written!...Xem thêm

minh
2018-05-11 17:51:09

cho mình xin một bản nhé. cảm ơn ad hihi...Xem thêm

Trần Trung Tín
2018-05-10 10:05:57

Bạn viết luôn ra cái plugin luôn cho tiện, chứ Code nhi nhăng quá trời mình không biết rằnh về code nên đọc nhức hết mắt ....Xem thêm

Đất và nhà
2018-05-05 02:17:50

email: nghiadv.it@gmail.com tks...Xem thêm

hihiweb.com
2018-05-03 02:09:43

Đã duyệt....Xem thêm

hihiweb.com
2018-05-03 02:09:25

Đã duyệt....Xem thêm

Chí Hải
2018-04-28 05:11:22

Mail của mình : daihue1950@gmail.com , cảm ơn bạn nhiều...Xem thêm

Chí Hải
2018-04-28 05:09:35

bạn cho mình xin key flatsome bản 3.5.3 với, mình xin cảm ơn...Xem thêm

binh
2018-04-12 08:10:54

cho mình xin với ạ.. mail : phamvothanhbinh@gmail.com Cảm ơn ạ....Xem thêm

thiet ke quan tra sua
2018-04-08 17:04:51

Hello everybody, here every one is sharing such know-how, so it's fastidious to read this web site, and I used to pay a quick visit this web site every day....Xem thêm

Cialis 20 mg
2018-03-27 01:32:38

This paragraph on the topic of Search engine optimization is in fact pleasant one, and the back links are actually very useful to market your site, its also known as SEO....Xem thêm

Đỗ Hoàng Chương
2018-03-18 16:41:24

Cám ơn bác đã chia sẽ! Bác cho em xin cái Purchase Code được không ạ? Em cám ơn! email: wecanprovn@gmail.com...Xem thêm

thuốc Trị viêm loét dạ dày
2018-03-17 22:15:49

Thanks for finally writing about >Dịch vụ thiết kế website giá rẻ | Hỗ trợ khách hàng tốt nhất - HiHiWeb <Loved it!...Xem thêm

tư vấn thiết kế nội thất căn hộ chung cư
2018-02-22 09:37:17

Giảm áp lực, mệt mỏi khi chuyển nhà, khi sửa chữa....Xem thêm

hon non bo xi mang
2018-02-18 06:04:11

Outstanding quest there. What happened after? Good luck!...Xem thêm

wellsfargodealerservices sign in
2018-02-15 09:26:47

Thank you a bunch for sharing this with all people you actually realize what you are talking about! Bookmarked. Kindly also discuss with my website =). We could have a link alternate arrangement between us...Xem thêm

Milianstig
2018-02-08 17:12:18

Surrogacy is very famous all over the world. The primary argue of it – a female become the arrival child’s mommy after childbirth. Large part of moms wish be a mom, but some of them couldn’t be. That is why in last years a new data appeared – surrogate. When pregnancy is medically unrealizable, there is only one way to be a mommy. It is surrogate. Also, in these cases apply for monetary satisfaction. Really, to find a healthy girl – needfull to ask medical clinic which grant this kind of service. We recommend to use this surragot agency. In these organization in Ukraine a lot of persons from US, Great Britain and other EU cities became surrogate mummy. Hense to the act surrogacy is legal. The validity and costs of surrogacy are very diverse. It depend from country, faith, color of eyes, etc. In our centers you can make a choice about kind of surrogate. We recommend for all our clients to use common surrogacy. But our service includes gestational surrogacy. In Feskov clinic are direction for surrogacy. When you enter to our organization based in Ukraine - a member of Feskov Human Reproduction Group, you get a administrator. This consultant will advise you about different moments from the push till the stop. As rule, surrogacy keep on 9 months. Then the consultant prepares all need papers and you can take the child. Also, the manager receive information your family next months. It you want to obtain a child, we recommend to go there www.mother-surrogate.com. Leaders which are able to help there are very clever. They will response for all your items. If you need any advice, they will help you. Also they will provide documents before this mode. On web-site you can discover datas. However you can find costs and packages. Administrators can help you at English. You can make option of it. If you want to receive consultation about mother surrogate as a process, Alexander Feskov will gave mind for you....Xem thêm

Hữu Thịnh
2018-01-28 18:16:05

Mò mãi cuối cung cũng ra được, thớt huống dẫn css giong tgdd dc k , minh ko rành về code lắm ,thank thớt....Xem thêm

hihiweb.com
2018-01-10 14:24:32

Đã duyệt....Xem thêm

Cao chí
2018-01-09 13:14:59

Share cho mình key và theme nhé, mình rất muốn mua theme này nhưng chưa có $, may quá có ad, cảm ơn ad nhiều nhé mail sinhvienuet1995@gmail.com...Xem thêm

hihiweb.com
2018-01-09 02:51:35

Đã duyệt...Xem thêm

Vu
2017-12-30 15:42:55

chào bạn! Mình thấy theme này khá đẹp, bạn cho mình xin để làm blog cá nhân nhé. Thanks...Xem thêm

hihiweb.com
2017-12-07 15:28:32

Đã duyệt!...Xem thêm

Hưng
2017-12-06 08:57:05

Share mình theme và key với nhé. Thanks bạn nhiều ! Mail : donghungbk@gmail.com...Xem thêm

Hưng
2017-12-06 08:55:30

Share mình theme và key với nhé. Thanks bạn nhiều !...Xem thêm

hihiweb.com
2017-12-05 14:04:27

Đã duyệt....Xem thêm

Bảo
2017-12-05 08:36:45

Bạn gửi cho mình một bản nhé, thanks bạn topxinh38@gmail.com...Xem thêm

hihiweb.com
2017-12-02 15:43:24

Bạn kiểm tra mail xem có chưa nhe!...Xem thêm

thanh
2017-11-22 01:30:41

Hi bác. Em check mail chưa có bác. Bác có thể gửi lại cho em được không ạ. Cảm ơn bác mail: phungthanhdhv@gmail.com...Xem thêm

hihiweb.com
2017-11-21 13:23:34

Đã duyệt....Xem thêm

thanh
2017-11-20 04:39:41

Bác cho em xin key theme flatsome với. Cảm ơn bác phungthanhdhv@gmail.com...Xem thêm

hihiweb.com
2017-11-18 16:19:00

Đã duyệt....Xem thêm

Thành
2017-11-08 12:24:59

anh cho em xin key theme flatsome với. em cảm ơn. gmail em . thanhtpvp@gmail.com...Xem thêm

hihiweb.com
2017-11-06 02:51:16

bạn kiểm tra kỹ lại xem, nếu chưa có file footer.php thì bạn tạo 1 file footer.php nhé!...Xem thêm

hihiweb.com
2017-11-04 12:32:25

Đã duyệt....Xem thêm

hihiweb.com
2017-11-04 12:32:02

Email không tồn tại!...Xem thêm

Mr Đặng
2017-10-30 19:15:07

Hello HiHiWeb, Mình thix Theme Woohoo v2.0.2 nhưng hiện tại chỉ có bản Woohoo 1.4 Mình có Theme NewSpaper 8 có Licence Key. Mình muốn đổi với Bạn or Bạn Chia Lại với Mình nha. Thanks Hihiweb Mr Đặng 0906834113...Xem thêm

Tran Tan Loc
2017-10-29 08:30:46

Share cho mình với...Xem thêm

hihiweb.com
2017-10-21 08:05:14

Đã duyệt....Xem thêm

hihiweb.com
2017-10-21 08:05:06

Đã duyệt....Xem thêm

hihiweb.com
2017-10-21 08:04:54

Đã duyệt....Xem thêm

hihiweb.com
2017-10-21 08:04:36

Bạn để lại gmail để mình gửi cho nhe!...Xem thêm

thanh son
2017-10-10 07:58:00

thanhson.x3@gmail.com cam on ban...Xem thêm

Tiến Đạt
2017-10-09 06:47:54

Share mình key với nhé. Thanks Mail: datnguyentien260888@gmail.com...Xem thêm

hoangson
2017-10-05 02:57:14

cho mình xin với nha ad thanks ad nhiều email: trinhduyhoangson@gmail.com...Xem thêm

Nhân Kiệt
2017-09-24 15:20:01

cho mình xin bản theme này nhe. Cảm ơn bạn...Xem thêm

hihiweb.com
2017-09-04 14:17:10

Vui lòng để lại mail để mình có thể gửi cho bạn nhé!...Xem thêm

hihiweb.com
2017-09-04 14:16:43

Đã duyệt....Xem thêm

Đặng Nhật Trường
2017-08-30 08:47:46

share giúp mình nha...Xem thêm

Nguyen
2017-08-30 04:13:56

Cho mình xin với ad. thanks ad email: caonguyentc@gmail.com...Xem thêm

hihiweb.com
2017-08-28 10:41:11

Đã duyệt....Xem thêm

hihiweb.com
2017-08-28 10:40:56

Đã duyệt....Xem thêm

Quang Vinh
2017-08-18 07:01:23

Share mình với nhé :D. Email: vinhnqps04313@fpt.edu.vn Cảm ợn ạ....Xem thêm

Annguyen
2017-08-18 06:40:05

nguyenphucan2410@gmailcom...Xem thêm

Công Minh
2017-08-02 13:47:39

sao mình không thấy mục footer.php nhỉ , bạn giúp mình với....Xem thêm

hihiweb.com
2017-07-27 04:56:56

Bạn để lại email rồi mình gửi qua cho nhé!...Xem thêm

JohnnieItarp
2017-07-25 15:26:55

Downloads WEB Scene Music FLAC/mp3 1990-2017 Private FTP https://0daymusic.org...Xem thêm

Viễn
2017-07-24 15:35:13

Share mình với, Thanks....Xem thêm

arrow