05/10/2018, 10:58

Cách nhúng google map vào website

Bạn là chủ của một cửa hàng kinh doanh, chủ một doanh nghiệp … bạn muốn website của mình có một thông tin gì đó trực quan để khách hàng có thể dễ tìm đến bạn, giải pháp tốt cho chúng ta là google map hay bản đồ google . Hầu như ai cũng bít đến google map đây là một công cụ định vị rất ...

Bạn là chủ của một cửa hàng kinh doanh, chủ một doanh nghiệp … bạn muốn website của mình có một thông tin gì đó trực quan để khách hàng có thể dễ tìm đến bạn, giải pháp tốt cho chúng ta là google map hay bản đồ google.

Hầu như ai cũng bít đến google map đây là một công cụ định vị rất nổi tiếng, toàn bộ bề mặt trái đất đều có ở trong bản đồ google này hii kể cả địa chỉ bạn muốn nhúng vào website. Khách hàng sẽ không mất nhiều thời gian để tìm bỏ công tra cứu đường đi đến bạn nếu như ta sử dụng dịch vụ này.

Nhúng google map vào web

Việc nhúng bản đồ của google vào website của bạn cũng khá đơn giản thôi, đầu tiên bạn đăng ký với google một tài khoảng đó chính là Gmail của bạn. Sau đó đăng nhập vào tài khoảng ấy típ đến truy câp vào link: http://maps.google.com/maps, bạn click vào My places (địa điểm của tôi).

Chon My places trong google map

Chon My places trong google map

Sau đó bạn nhìn bên phải tim địa chỉ nào bạn muốn nhúng vào website, giả sử mình chọn địa chỉ trường DH Sài Gòn (Tại mình học trường này) hii… Sau đó chọn Save to map. Lưu ý các bạn một điều nếu bạn sử dụng google chrome thì sẽ hỗ trợ tiếng Việt cho bạn lúc cài đặt (khai báo) bản đồ này lun. Sau đó chọn create new map và save lại.

Chọn địa điểm sử dụng trong bản đồ Google

Chọn địa điểm sử dụng trong bản đồ google

Tùy chỉnh thông tin khai báo google map

Sau đó nếu bạn muốn chỉnh sửa thì bấm vào Edit bên sidebar trái của google map. Ở đây bạn có thể chỉnh sửa tiêu đề hiển thị, dòng ghi chú cho bản đồ của bạn.

Edit địa chỉ đã chọn trên Google map

Edit địa chỉ đã chọn trên Google map

Các bước đến đây gần như là hoàn thành, bạn xem lại địa chỉ ok thì ta get code mang về để vào web là chúng ta có bản đồ cho doanh nghiệp mình trên website.

Get code google map

Bạn click vào biểu tượng hình liên kết thân quen của mình và dòng dưới là dòng google cho chúng ta nhúng vào web. Bạn có thể thay đổi kích thước của frame (khung) này sao cho phù hợp với giao diện website của bạn.

Get code nhúng google map vào website

Get code nhúng google map vào website

Bạn chú ý đến thông báo ở dưới: Customize and preview embedded map thì mới hiển thị được còn không là chưa nhận ra được hay tính năng đã được hạn chế ví dụ: địa chỉ bạn chọn tổng quát quá…

Kết luận: Việc nhúng bản đồ của google vào website có nhiều cách, trên là cách đơn giản nhất giờ chỉ việc style CSS lại cho đẹp là OK. Chúc thành công!

VN:F [1.9.22_1171]
Rating: 9.5/10 (23 votes cast)
Cách nhúng google map vào website, 9.5 out of 10 based on 23 ratings
Tags:google map, maps, Web cơ bản
Bài liên quan

Cách nhúng google map vào website

Bạn là chủ của một cửa hàng kinh doanh, chủ một doanh nghiệp … bạn muốn website của mình có một thông tin gì đó trực quan để khách hàng có thể dễ tìm đến bạn, giải pháp tốt cho chúng ta là google map hay bản đồ google . Hầu như ai cũng bít đến google map đây là một công cụ định vị rất ...

Tạ Quốc Bảo viết 2 tuần trước

Cách chèn Google Map vào trong website

Google Maps là một dịch vụ ứng dụng và công nghệ bản đồ trực tuyến trên web miễn phí được cung cấp bởi Google. Thường thì Google Maps hay được tích hợp vào các trang liên hệ, vì như thế sẽ tạo cho người dùng dễ dàng tìm kiếm địa chỉ khách hàng cũng như làm cho website của chúng ta thân thiện với ...

Hoàng Hải Đăng viết 3 tuần trước

Cách tích hợp Google fonts vào Website

Gfonts (Google fonts) là một ý tưởng mới được xuất phát từ một số Website trò chơi khi họ chèn vào Web một số font ngỗ nghĩnh đẹp mắt. Toàn bộ các font trong Gfont được để trong một nguồn trên Internet và các nhà phát triển Website có thể lấy một hoặc nhiều font từ nguồn đó và tích hợp vào trong ...

Bùi Văn Nam viết 3 tuần trước

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

Vũ Văn Thanh viết 3 tuần trước

Hướng Dẫn Cách Nhúng Google Calendar vào Trang Web

Lịch Google hay Google Calendar là một ứng dụng hoàn toàn miễn phí cung cấp bởi Google giúp bạn dễ dàng theo dõi các sự kiện quan trọng của cuộc sống. Bài viết này sẽ hướng dẫn bạn nhúng lịch Google Calendar của bạn trên trang web để người khác có thể theo dõi các sự kiện trên đó. Trước khi bắt ...

Trần Trung Dũng viết 11:07 ngày 07/09/2018
0