Cách thêm các tuyến đường google vào trang web của bạn

Là một chuyên gia CNTT, tôi sẽ chỉ cho bạn cách thêm Google Routes vào trang web của bạn. Điều này sẽ cho phép khách truy cập của bạn nhận chỉ đường đến vị trí của bạn từ bất kỳ đâu. Trước tiên, bạn cần tạo khóa API Google Maps. Bạn có thể thực hiện việc này bằng cách truy cập Google Developers Console và tạo một dự án mới. Khi bạn đã tạo một dự án, hãy nhấp vào liên kết 'Bật và quản lý API', sau đó tìm 'API Nhúng bản đồ' và bật nó. Tiếp theo, bạn sẽ cần lấy mã cho tiện ích Google Routes. Bạn có thể tìm thấy mã này bằng cách truy cập trang Google Maps Embed API và chọn nút 'Nhận mã'. Sao chép mã và dán vào HTML của trang web của bạn. Cuối cùng, bạn sẽ cần thêm đoạn mã sau vào trang web của mình để hiển thị tiện ích: Thay thế 'YOUR_API_KEY' bằng khóa API bạn đã tạo trước đó và 'Your+Destination' bằng địa chỉ vị trí của bạn. Lưu các thay đổi của bạn và bạn đã hoàn tất! Giờ đây, khách truy cập của bạn sẽ có thể nhận chỉ đường đến vị trí của bạn từ bất kỳ đâu trên thế giới.

Nếu bạn muốn biết cách thêm chỉ đường lái xe của google vào trang web của bạn sau đó đọc bài viết này. bản đồ Google là phổ biến nhất dịch vụ bản đồ số Trên toàn thế giới. Nó sử dụng thông tin giao thông thời gian thực để tìm tuyến đường tốt nhất đến một điểm đến nhất định. Nhúng bản đồ Google vào blog hoặc trang web của bạn giúp khách truy cập thấy vị trí của bạn trên bản đồ thế giới, xem địa chỉ của bạn và đọc các bài đánh giá (nếu có). Mặc dù bạn có thể dễ dàng nhúng bản đồ vào trang web của mình bằng trình tạo mã nhúng duy nhất của Google Maps, nhưng bạn không thể sử dụng bản đồ này làm công cụ điều hướng để giúp khách truy cập tìm đường đến vị trí của bạn. Trong bài đăng này, chúng tôi sẽ chỉ cho bạn cách sử dụng Google Maps để hiển thị chỉ đường lái xe cho khách truy cập của bạn.

Chúng ta sẽ xem xét 2 phương pháp sau đây để bạn có thể thêm chỉ đường lái xe của Google vào trang web của bạn :

Chèn bản đồ google tĩnh và sử dụng biểu mẫu html để hiển thị tuyến đường bản đồ
Sử dụng Trình tạo bản đồ iFrame

Hãy xem xét các phương pháp này một cách chi tiết.

1] Chèn bản đồ Google tĩnh và sử dụng biểu mẫu HTML để hiển thị tuyến đường của bản đồ.

Phương pháp này bao gồm 2 bước. Bước 1 - Nhúng tĩnh Bản đồ Google xác định vị trí chính xác của bạn. Bước 2 là thêm một biểu mẫu HTML chấp nhận vị trí của người dùng và tạo bản đồ tuyến đường cho họ trên Google Maps. Hãy xem làm thế nào điều này có thể được thực hiện.

A] Nhúng bản đồ Google vào trang web của bạn

Khởi chạy trình duyệt của bạn.
mở bản đồ Google trong tab trình duyệt mới.
Nhập địa chỉ của bạn vào thanh tìm kiếm Google Maps ở góc trên cùng bên trái.
Chọn một vị trí từ danh sách kết quả xuất hiện.
Ghi chú: Nếu bạn không thể tìm thấy địa chỉ của mình, hãy phóng to Google Maps để theo dõi địa chỉ đó. Bạn có thể sử dụng ảnh toàn cảnh Chế độ xem phố của Google Maps để đánh dấu vị trí của mình trên bản đồ. Sau khi tìm thấy, bạn có thể nhập chi tiết địa chỉ chính xác của mình bằng cách sử dụng tùy chọn 'Thêm vị trí bị thiếu' hoặc 'Thêm doanh nghiệp của bạn', sau đó gửi vị trí của bạn tới Google để xác minh. Nó sẽ được thêm vào trong vòng vài giờ sau khi yêu cầu được gửi.
Khi Google Maps xuất hiện để xác định vị trí chính xác của bạn, hãy nhấp vào biểu tượng Chia sẻ biểu tượng.
Chuyển sang Nhúng bản đồ chuyển hướng
Nhấn Sao chép HTML liên kết để sao chép mã bản đồ vào clipboard của bạn. Bạn có thể quyết định mức độ lớn hay nhỏ mà bạn muốn bản đồ xuất hiện trên trang web của mình bằng cách chọn kích thước được xác định trước (nhỏ, trung bình, lớn) hoặc bằng cách nhập kích thước tùy chỉnh.
Sau đó, đi đến bảng quản trị của trang web của bạn.
Mở trang web mà bạn muốn nhúng bản đồ.
Chuyển sang chế độ xem trình chỉnh sửa mã.
Dán mã.
Thoát khỏi trình chỉnh sửa mã. Bạn sẽ có thể xem bản xem trước của Google Maps.

B] Sử dụng biểu mẫu HTML để tạo tuyến đường điều hướng trên Google Maps.

Quay lại chế độ xem trình soạn thảo mã.
Thêm mã được hiển thị trong hình ảnh sau bên dưới mã Google Map:
Thay thế giá trị địa chỉ đích được đánh dấu trong hình ảnh bằng địa chỉ vị trí của bạn.
Thoát khỏi chế độ xem trình soạn thảo mã.
Xem trước mã và kiểm tra xem mã có hoạt động hay không bằng cách thêm địa chỉ vào trường 'Nhập địa chỉ' và nhấp vào nút Chỉ cho tôi hướng đi cái nút.
Các bước trên nên tuyến đường hiển thị từ địa chỉ đã nhập đến vị trí của bạn trên Google Maps.
Nếu mọi thứ đều ổn, thì bạn có thể Công bố mật mã.

2] Sử dụng Trình tạo bản đồ iFrame

Khởi chạy trình duyệt của bạn.
mở Trình tạo bản đồ HTML miễn phí trong tab trình duyệt mới.
Nhập địa chỉ của bạn vào Nhập địa chỉ của bạn trường tìm kiếm trên bảng điều khiển bên trái.
Vị trí của bạn sẽ được hiển thị trên Google Maps ở bên phải màn hình. Bạn có thể đặt loại bản đồ, khoảng cách thu phóng, chiều rộng hoặc chiều cao. Bạn cũng có thể làm cho bản đồ phản hồi nhanh bằng cách nhấp vào nút chuyển đổi bên cạnh Làm cho bản đồ phản hồi nhanh lựa chọn.
Bấm vào Tạo mã HTML nút phía dưới.
Mã sẽ xuất hiện. bấm vào Sao chép mã vào khay nhớ tạm cái nút.
Đăng nhập vào bảng quản trị trang web của bạn.
Mở trang mà bạn muốn đặt bản đồ.
Chuyển sang chế độ xem trình chỉnh sửa mã.
Dán mã.
Thoát khỏi trình chỉnh sửa mã.
Bấm vào Xem trước cái nút. Bản xem trước bản đồ sẽ xuất hiện.
Bấm vào Hướng biểu tượng.
Google Maps sẽ mở ra với địa chỉ được điền sẵn làm điểm đến của bạn.
Nhập địa chỉ bắt đầu. Bạn cũng có thể dùng Vị trí của bạn tùy chọn để cho phép Google Maps sử dụng vị trí hiện tại của bạn.
Bản đồ lộ trình sẽ xuất hiện.
Nếu mọi thứ hoạt động tốt, Công bố trang.

Bằng cách này, khách truy cập của bạn có thể xem vị trí của bạn trên Google Maps được nhúng trong trang web của bạn và tìm chỉ đường từ vị trí của họ đến vị trí của bạn. Hy vọng bạn tìm thấy bài đăng này hữu ích. Hãy cho chúng tôi biết trong các nhận xét nếu bạn có bất kỳ câu hỏi nào.

Đọc thêm: Các lựa chọn thay thế Google Maps tốt nhất để sử dụng hàng ngày.

Tôi có thể thêm Google Maps vào trang web của mình không?

Có, bạn có thể thêm Google Maps vào trang web hoặc blog của mình. sử dụng Trình tạo mã nhúng của Google hoặc Trình tạo bản đồ HTML miễn phí của Google. . Cả hai tùy chọn này đều cho phép bạn nhúng bản đồ Google xác định địa chỉ của bạn bằng một quả bóng màu đỏ, mặc dù có một chút khác biệt giữa hai tùy chọn này. Mặc dù cái trước cho phép bạn nhúng bản đồ tĩnh cho phép khách truy cập xem vị trí chính xác của bạn, các điểm ưa thích gần đó, v.v., cái sau cung cấp Hướng một tính năng tạo bản đồ tuyến đường hoàn chỉnh mà họ có thể sử dụng để tìm chỉ đường lái xe đến vị trí của bạn. Tùy thuộc vào nhu cầu của mình, bạn có thể sử dụng bất kỳ tùy chọn nào trong số này để thêm Google Maps vào trang web hoặc blog của mình.

Tôi làm cách nào để lấy mã nhúng Google Maps?

Lấy mã nhúng Google Maps khá dễ dàng. Chỉ cần mở Google Maps trong một tab mới trong cửa sổ trình duyệt của bạn và nhập địa chỉ của bạn vào thanh tìm kiếm có sẵn. Khi Maps chọn và hiển thị địa chỉ của bạn, hãy nhấp vào biểu tượng Chia sẻ biểu tượng. Trong cửa sổ Chia sẻ, nhấp vào nút Nhúng bản đồ tab Sau đó bấm vào Sao chép HTML liên kết được hiển thị ở góc trên bên phải. Đó là tất cả! Bạn cũng có thể nhấp vào menu (biểu tượng bánh mì kẹp thịt) của Google Maps và nhấp vào biểu tượng Chia sẻ hoặc nhúng bản đồ lựa chọn. Một cách khác để lấy mã này là thông qua Trình tạo bản đồ HTML miễn phí (Trình tạo iFrame của bản đồ) như được mô tả trong phương pháp 2 trong bài đăng ở trên.

Đọc thêm: Các mẹo và thủ thuật Google Maps hay nhất giúp bạn trở thành chuyên gia.