Hướng dẫn nhúng google map vào website

Hướng dẫn 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 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.

Hướng dẫn 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

Bạn thấy bài viết này như thế nào?: 
Average: 6 (1 vote)
Ảnh của Tommy Tran

Tommy owner Express Magazine

Drupal Developer having 9+ year experience, implementation and having strong knowledge of technical specifications, workflow development. Ability to perform effectively and efficiently in team and individually. Always enthusiastic and interseted to study new technologies

  • Skype ID: tthanhthuy

Advertisement

 

jobsora

Dich vu khu trung tphcm

Dich vu diet chuot tphcm

Dich vu diet con trung

Quảng Cáo Bài Viết

 
5 Awesome Black Friday Deals You Can Take Advantage Of Right Now

5 Awesome Black Friday Deals You Can Take Advantage Of Right Now

As you’d expect, Black Friday officially starts this Friday, but most online retailers have already started giving amazing deals ahead of schedule.

Học ngành gì trong kỷ nguyên 4.0? (3 cuộc cách mạng công nghiệp diễn ra)

Học ngành gì trong kỷ nguyên 4.0? (3 cuộc cách mạng công nghiệp diễn ra)

Kỷ nguyên 4.0 diễn ra mạnh mẽ tại nhiều nước trên thế giới như là hệ quả tất yếu của vòng xoáy phát triển của xã hội. Nó mang đến những cơ hội nhưng cũng tiềm tàng những rủi ro.

3 thủ thuật nâng cao cho Dropbox

3 thủ thuật nâng cao cho Dropbox

Dropbox là một dịch vụ sao lưu, lưu trữ dữ liệu trực tuyến với khả năng đồng bộ theo thời gian thực và tự động thực hiện sao lưu.

Công ty diệt chuột T&C

 

Diet con trung