04/10/2018, 17:02

[BÀI 27] NHÚNG GOOGLE MAP VÀO WEBSITE

Khi nhúng địa chỉ công ty, doanh nghiệp,… của bạn vào website. Khách hàng, đối tác, bạn bè,… sẽ dễ dàng tìm được vị trí này, thông qua google map. Việc tìm đường sẽ dễ dàng hơn bao giờ hết. Trong bài viết này tôi sẽ hướng dẫn các bạn nhúng google map vào web site của các bạn trong ...

Khi nhúng địa chỉ công ty, doanh nghiệp,… của bạn vào website. Khách hàng, đối tác, bạn bè,… sẽ dễ dàng tìm được vị trí này, thông qua google map. Việc tìm đường sẽ dễ dàng hơn bao giờ hết.

Trong bài viết này tôi sẽ hướng dẫn các bạn nhúng google map vào web site của các bạn trong vòng 3 nốt nhạc:

Tìm địa chỉ của bạn trên google map:

Trước khi có thể nhúng bản đồ vào website, bạn phải xác định địa chỉ của mình trước đã.

Truy cập: https://www.google.com/maps/d/?hl=vi&gl=VN&t=m&ie=UTF8&vpsrc=1&z=16&err=1

nhung-google-map-vao-website-1

Nhấn vào “TẠO BẢN ĐỒ MỚI” để thêm 1 bản đồ.

Tìm đến địa chỉ mà bạn muốn nhúng vào website.

nhung-google-map-vao-website-2

Sau đó click vào “Thêm vào bản đồ”:

nhung-google-map-vao-website-3

Để mô tả rõ hơn về địa chỉ của bạn, bạn có thể đặt tiêu đề và một đoạn mô tả ngắn cho địa chỉ này:

dat-tieu-de-cho-dia-chi-google-map

Quan trọng không thể thiếu, đó là chia sẻ bản đồ của bạn, nhấn vào nút “Chia sẻ” và cài đặt bản đồ thành chế độ public để ai cũng có thể xem.

chia-se-google-map

Nhập mô tả cho địa chỉ này, sau đó nhấn “ok”:

chia-se-google-map-mota

Tiếp theo, chuyển chế độ chia sẻ sang public và nhấn vào “Đã xong”:

chia-se-google-map-chuyen-sang-che-do-public

Cuối cùng để nhúng google map vào website bạn click chọn như hình sau:

nhung-google-map-vao-website-4

Một bảng mới hiện lên và bạn copy đoạn code này dán vào bất cứ đâu trong trang web của bạn:

chia-se-google-map-code-nhung-vao-website

Như vậy, tôi đã hoàn tất việc hướng dẫn nhúng bản đồ google map vào website. Cùng đón xem phần sau của loạt bài hướng dẫn PHP để cùng học những kiến thức thú vị cùng chúng tôi.

0