Tài liệu Hướng dẫn nhúng Google Maps vào website dễ dàng

Hướng dẫn nhúng Google Maps vào website dễ dàng

Google maps là ứng dụng bản đồ online được phát hành bởi gã khổng lồ công nghệ Google. Google đã chi rất nhiều tiền cho việc thuê / sử dụng vệ tinh để chụp bản đồ trái đất, cũng như theo dõi vị trí thông qua hệ thống định vị GPS. Ngoài ra, Google còn có đông đảo cộng tác viên trên khắp thế giới, giúp Google giám sát vị trí, chụp ảnh các địa điểm kinh doanh, cửa hàng,... một cách chi tiết để tích hợp vào bản đồ Google maps.

Google maps được sử dụng rất nhiều, giúp cho việc tìm đường, địa điểm trở nên dễ dàng và nhanh chóng. Ngoài việc định vị được vị trí của người sử dụng, nó cò chỉ đường chính xác đến những địa điểm mà bạn muốn tới. Bên cạnh đó, nó còn giúp bạn nhanh chóng tìm ra vị trí các doanh nghiệp, cửa hàng kinh doanh,... mà bạn muốn tới, và chỉ đường đến đó một cách chi tiết.

Chính vì sự tiện lợi và được sử dụng rộng rãi của Google map, rất nhiều doanh nghiệp, cửa hàng kinh doanh đã tích hợp Google map vào website kinh doanh. Giúp cho khách hàng nhanh chóng có thể tìm được đường đi đến địa điểm của doanh nghiệp.

Trong bài viết này, WEB24S sẽ hướng dẫn nhúng Google maps vào website dễ dàng, để bạn có thể tự mình thêm vào cho website mà không cần phải biết quá nhiều về thiết kế web.

Hướng dẫn nhúng Google Maps vào website dễ dàng

Đầu tiên, bạn phải định vị địa chỉ kinh doanh của mình tại trang Google maps: https://www.google.com/maps như sau:

Tìm tên công ty, hoặc tìm địa chỉ trong ô tìm kiếm. Sau đó, nhấn vào menu chức năng (biểu tượng 3 gạch ngang trên cùng bên trái).

google map

Trong menu chức năng, bạn chọn mục Chia sẻ hoặc nhúng bản đồ.

Nhúng bản đồ google maps vào website

Bảng chia sẻ bản đồ xuất hiện. Bạn chọn tab Nhúng bản đồ (1), sau đó chọn kích thước bản đồ (2), tuỳ theo vị trí đặt bản đồ trên website mà chọn kích thước phù hợp. Một đoạn mã nhúng xuất hiện bên cạnh, bạn chọn Sao chép HTML (3) để copy đoạn code này.

alt

Bạn dán đoạn code vừa copy vào file index.html hoặc index.php hoặc bất kỳ trang nào khác như Liên hệ, giới thiệu bên trong source website của bạn. Bạn sẽ được bản đồ hiển thị trên website như dưới đây:

Nhúng bản đồ google maps vào website

 

Liên hệ

CÔNG TY TNHH THƯƠNG MẠI DỊCH VỤ HALINK
GPKD số 0312323503 cấp ngày 12/06/2013 bởi Sở Kế Hoạch và Đầu Tư TP.HCM
Địa chỉ: Tầng trệt, Tòa nhà DTEC TOWER - Số 6 Phan Chu Trinh, P.Tân Thành, Q.Tân Phú, TP.HCM xem ban do
Email: dv@web24s.com

tu van lam web Kinh doanh: 090.635.1080 - 096.698.1085
ho tro Hỗ trợ (24/7): 0938.98.7577 - cskh@halink.vn

Thời gian làm việc:
Sáng: 8h00 - 12h00 (Thứ Hai - Thứ Bảy)
Chiều: 13h - 17h (Thứ Hai - Thứ Sáu)

KẾT NỐI VỚI WEB24S:  facebook twitter youtube

logo thông báo bộ công thương