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

 
Ion Docs 2 Go - Máy scan ảnh và văn bản cho iPhone, iPad

Ion Docs 2 Go - Máy scan ảnh và văn bản cho iPhone, iPad

Tại CES 2012, hãng Ion Audio đã tung ra giải pháp giúp người dùng scan được văn bản hay hình ảnh bằng thiết bị iOS

SEO

Bạn đang SEO quá mức và sẽ ăn phạt

Bạn đang lo lắng về việc website mình sẽ bị phạt bởi Google phát hiện trang đang SEO quá mức. Bạn đang tìm thông tin về các dấu hiệu, các hiện tượng SEO quá mức. Sau đây là 8 dấu hiệu seo quá mức mà bạn nên tham khảo.

Headless Drupal? 6 Resources quan trọng cần biết

Headless Drupal? 6 Resources quan trọng cần biết

It's a big upgrade, no question. If you're like me, however, you may prefer a completely custom frontend crafted out of HTML, CSS and JavaScript

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

 

Diet con trung