Cách nhúng Google Map vào website chỉ trong 30s
Google Maps không còn xa lạ gì với chúng ta nữa, đó là một dịch vụ bản đồ được Google phát triển nhằm thay thể cho các loại bản đồ giấy thông thường như trước kia, giúp người dùng dễ dàng tìm kiếm định vị của địa chỉ một cách nhanh chóng. Bạn có thể thêm địa điểm trên Google Maps, lấy tọa độ trên Google Maps để định vị công ty của bạn. Riêng đối với các trang web thì chức năng phổ biến nhất đó là hiển thị địa điểm lên website, giúp khách hàng có thể dễ dàng tìm đến trụ sở của công ty. Vậy bạn có biết cách nhúng Google Map vào website hay không? Bài viết này Công ty Tùng Phát sẽ trả lời giúp bạn.
Xem thêm bài viết
DOWNLOAD VIDEO FACEBOOK 8 CÁCH TẢI VIDEO FACEBOOK HIỆU QUẢ NHẤT
Có nên nhúng Google Maps vào website?
Hiện nay việc có hình ảnh bản đồ của vị trí thì việc kinh doanh của bạn sẽ có nhiều lợi thế hơn so với việc bạn chỉ cho hiện dòng địa chỉ.
Với bản đồ Google Maps khi khách hàng truy cập có thể định vị được ngay cách đi tới một công ty, doanh nghiệp nhanh nhất và chỉ đường cho bạn biết phải đi đường nào, .
Chèn google map vào website
Hãy chọn loại bản đồ có nhiều cách đi, bởi một số chỉ chụp ảnh màn hình vị trí từ Google Maps hay các bản đồ trên mạng. Một số khác thì dùng bản đồ có tính tương tác trực tiếp từ Google Maps vì tính năng này là miễn phí.
Những lý do bạn nên chèn Google Maps vào website
Có tính tương tác cao, khi khách hàng truy cập vào và di chuyển xung quanh bản đồ để định vị tốt hơn.
Khi bạn chèn bản đồ Google Maps vào website thì khi khách hàng truy cập vào website sẽ biết được tổng quan về địa chỉ công ty bạn.
Google Maps sẽ ghi chú trực quan nhất về địa chỉ, đảm bảo cho bạn sẽ có đầy đủ tính năng của một trang liên hệ và giới thiệu.
Chỉ cần bạn đăng ký địa điểm của mình lên Google thì khách hàng vẫn có thể tìm được địa điểm của công ty bạn chỉ thông qua website.
Tất nhiên là cũng có nhiều dịch vụ bản đồ khác bên cạnh Google Maps, nhưng Google có nhiều lợi thế hơn so với các đối thủ do có lượng người dùng siêu lớn. Hầu hết chúng ta đều quen với cách dùng Google Maps nên cũng không gây khó khăn gì cho họ nếu website bạn có Google Maps.
Báo giá dịch vụ SEO Google Maps lên top 1 Google với hàng trăm keyword
Dịch vụ SEO và Thiết kế web Tùng Phát
Nhanh tay để lại SĐT hoặc liên hệ ngay với chúng tôi qua hotline để được nhận những ưu đãi trong tháng này
Cách lấy code để chèn bản đồ Google Map vào website
Bạn truy cập vào link: https://www.google.com/maps. Sau đó gõ địa điểm bạn cần nhúng vào thanh tìm kiếm.
Bạn sẽ thấy có 3 vạch sọc ngang ở phía góc cao bên trái, bạn sẽ nhấn vào nút đó.
cách nhúng google map vào website
Bạn kéo thanh menu xuống dưới rồi chọn chức năng Chia sẻ hoặc nhúng bản đồ.
Chọn chia sẻ map
Khung bản đồ hiện ra, chọn tab Nhúng bản đồ, bạn có thể chọn kích thước hiển thị bản đồ phóng to, thu nhỏ bản đồ (dùng phím Ctrl + con lăn giữa chuột). Tiếp theo bạn copy đoạn code
Và cuối cùng bạn dán code này lên bất kỳ đâu trên website mà bạn muốn hiển thị bản đồ. Hoặc có thể bạn vào trong 1 bài viết, 1 trang wordpress,… và trong editor đó bạn chọn một văn bản và dán đoạn code đó vào là xong. Với cách này cũng khá đơn giản nhưng nó có nhược điểm là bạn không thể thêm được các thông tin khác vào bản đồ.
Các bước lấy key API để tích hợp Google Maps vào website
Hướng dẫn lấy key Google Maps API cho website. Ở bước này thì cũng hơi khó hiểu nên các bạn làm theo những bước bên dưới của chúng tôi, nếu không thao tác được thì có thể liên hệ đơn vị thiết kế website cũ của bạn để nhờ làm giúp.
• Đăng nhập vào Google bằng tài khoản Google của bạn.
• Truy cập vào Developers Console
• Trong danh sách bạn tìm Google Maps API v3, rồi click vào nút OFF để bật nó lên.
• Đọc điều khoản và đồng ý.
• Trong mục Simple API Access, click vào Create new Server key,…
• Nhập địa chỉ IP của trang web bạn, nếu không biết bạn hãy tra cứu nó.
• Sau đó sao chép văn bản trên dòng “API key:” (không bao gồm tên đó) bởi đây là khóa API của bạn cho bản đồ.
Chuyển địa chỉ thành tọa độ
Để sử dụng Google Maps trên website bạn cần phải có kinh độ và vĩ độ của vị trí. Bạn cũng có thể có những thông tin này từ định vị GPS hoặc sử dụng công cụ online như Geocoder.usto (chỉ hỗ trợ các địa chỉ ở Hoa Kỳ).
Chuyển địa chỉ thành tọa độ
Thêm Google Maps vào website
Bước 1: Thêm tọa độ bản đồ
Bạn mở trang web và thêm những điều sau vào Head của tài liệu.
Thay đổi phẩn được đánh dấu theo vĩ độ và kinh độ mà bạn đã ghi chú lại ở bước 2.
Bước 2: Thêm các yếu tố bản đồ vào website của bạn
Khi đã thêm hết các yếu tố vào Head của tài liệu mình thì bạn cần định vị bản đồ vị trí trên website. Thực hiện viêc này bằng cách thêm một phần tử DIV với thuộc tính id= “map – canvas”. Lưu ý là tạo kiểu div với chiều cao và chiều rộng cho phù hợp với website bạn.
Bước 3: Upload và kiểm tra
Việc cuối cùng là tải trang của bạn lên và kiểm tra xem bản đồ có hiển thị hay không.
Thêm biểu tượng đánh dấu vào bản đồ
Việc thêm biểu tượng đánh dấu vị trí giúp người dùng biết được nơi họ muốn đến. Để thêm một điểm đánh dấu màu đỏ chuẩn của Google Maps, bạn hãy thêm đoạn mã sau vào dòng lệnh dưới dòng var map = …:
Bạn không biết cách chèn Google Maps vào website? Bạn muốn tạo một website cho riêng mình?
Liên hệ ngay với Dịch vụ SEO và Thiết kế Web Tùng Phát để được nhận những ưu đãi trong tháng này.
Tặng gói email chuyên nghiệp, miễn phí hosting + domain
Định vị WEBSITE
Định vị THƯƠNG HIỆU của bạn
Có thể bạn quan tâm :
Hướng dẫn kiểm tra tốc độ website với 5 công cụ cực HOT
Cách tối ưu tốc độ website wordpress load nhanh hơn
Bài viết tương tự của Cách nhúng Google Map vào website chỉ trong 30s
Category là gì trong WordPress? Nên sử dụng bao nhiêu Category là hợp lý?
Category là gì trong WordPress? Nên sử dụng bao nhiêu Category là hợp lý? Cùng chúng tôi tìm hiểu kỹ hơn trong bài viết này nhé.
Nhúng google analytics vào website chỉ với vài bước đơn giản
Google Analytics là một công cụ vô cùng tuyệt vời mà bạn cần phải có khi làm website chuyên nghiệp. Nó cho bạn biết những thông tin về trình duyệt mà khách hàng bạn đang sử dụng cũng như họ đến website bạn từ đâu, dùng mạng xã hội, lưu lượng truy cập trực tiếp hay dùng Google Search
Hướng dẫn tích hợp chat zalo vào website đơn giản nhất
Ngoài các trang mạng xã hội như Facebook, Twitter, Skype thì ứng dụng Zalo cũng là một trang mạng được dùng phổ biến nhất ở Việt Nam. Không chỉ bởi có tính năng sẽ dàng sử dụng, mà nó còn có tính bảo mật khá cao
Hướng dẫn cài theme wordpress giống demo 100% ¦ TungPhat
Bạn là người mới vào nghề và chưa biết làm thế nào để cài đặt và kích hoạt theme wordpress cho đúng. Và để cài theme giống với bản demo thì đầu tiên bạn phải hiểu được cấu trúc của mỗi theme trong wordpress là hoàn toàn khác nhau
Cách xóa và hiển thị bài viết cùng chuyên mục trong wordpress
Khi thiết kế website mã nguồn wordpress nói chung, khi bạn muốn tạo mới bài viết thì cần phải biết nội dung của nó ở chuyên mục nào
Hướng dẫn backup website wordpress bằng thủ công và plugin
Việc backup dữ liệu website wordpress luôn là việc quan trọng nhất mà bạn phải làm thường xuyên khi thiết kế web để bảo toàn dữ liệu có trên website của bạn tránh những nguy cơ tấn công từ bên ngoài