Tạo mã nhúng Google Maps — Bản đồ responsive không cần API key

Hiển thị văn phòng, cửa hàng hoặc sự kiện của bạn trên Google Maps mà không cần đăng ký API key. Nhập địa chỉ, tên địa điểm hoặc tọa độ, chọn mức zoom, chế độ xem bản đồ hoặc vệ tinh và ngôn ngữ, rồi sao chép mã nhúng responsive có tải chậm (lazy load). Bạn cũng nhận được sẵn các liên kết “Chỉ đường” và “Mở trong Google Maps” để gắn vào nút bấm.

Cập nhật

Tọa độ cũng được, ví dụ 40.7484, -73.9857.

Xem trước

Mã nhúng

Liên kết cho nút bấm

Trong Webflow, thêm phần tử Embed (hoặc Site settings → Custom code) rồi dán mã; trong WordPress, dùng khối Custom HTML.

Dữ liệu của bạn không bao giờ rời khỏi máy tính. Mọi xử lý diễn ra 100% cục bộ trong trình duyệt của bạn.

Công cụ này có hữu ích không?0.0 0 lượt đánh giá
Dán link YouTube, VimeoLoom, Wistia, Twitch, Dailymotion hoặc MP4 để lấy mã nhúng video responsive, có giờ bắt đầu, tự phát, lặp và chế độ riêng tư.Tạo mã nhúng video →

Cách dùng Tạo mã nhúng Google Maps

  1. Nhập địa chỉ, tên doanh nghiệp hoặc tọa độ.
  2. Chọn mức zoom (15 cho đường phố, 11 cho thành phố), loại bản đồ và ngôn ngữ hiển thị nhãn.
  3. Chọn chiều cao và độ bo góc; giữ tính năng tải chậm để bản đồ không làm trang chạy chậm.
  4. Sao chép mã nhúng, cùng liên kết chỉ đường hoặc “Mở trong Maps” để gắn vào nút bấm.

Không cần API key

Mã nhúng dùng địa chỉ nhúng công khai của Google Maps với từ khóa tìm kiếm, mức zoom, loại bản đồ và ngôn ngữ bạn chọn, nên hoạt động mà không cần tài khoản Google Cloud hay thanh toán. Nếu bạn cần tùy chỉnh giao diện, nhiều điểm đánh dấu hoặc JavaScript API thì mới cần khóa API — nhưng với bản đồ kiểu “tìm chúng tôi ở đâu” thì vậy là đủ.

Liên kết mở ứng dụng Maps

Liên kết chỉ đường và tìm kiếm dùng URL Maps chính thức của Google (google.com/maps/dir/?api=1 và /search/?api=1). Trên điện thoại, liên kết mở ứng dụng Google Maps; trên máy tính, mở Maps trên trình duyệt.

Bản đồ được thiết kế responsive: nó chiếm đủ chiều rộng của khung chứa, với chiều cao bạn chọn. loading="lazy" trì hoãn việc tải cho đến khi người xem cuộn gần tới bản đồ, giúp trang tải nhanh hơn. Xem thêm: Công cụ tạo mã nhúng video, Công cụ tạo Schema (thêm markup LocalBusiness với địa chỉ của bạn).

Cũng được tìm dưới tên: nhúng google maps không cần api key, google maps embed generator, mã nhúng bản đồ google, iframe google maps, nhúng bản đồ google maps responsive, link chỉ đường google maps.

Các công cụ dùng kèm tốt với Tạo mã nhúng Google Maps

  • Tạo mã QR — Tạo mã QR cho liên kết, thông tin đăng nhập Wi-Fi, danh thiếp, email, số điện thoại hoặc tin nhắn SMS.
  • Tạo link Mailto — Tạo link email mở sẵn ứng dụng thư của người truy cập với đầy đủ thông tin: người nhận, CC và BCC, tiêu đề và nội dung nhiều dòng.
  • HTML & CSS sang Webflow — Dán HTML và CSS, nhấn Copy to Webflow rồi dán vào Designer.
  • Kiểm tra tốc độ trang — Chạy Google Lighthouse trên bất kỳ URL nào, cho cả di động lẫn máy tính.

Câu hỏi thường gặp

Làm sao nhúng Google Maps mà không cần API key?
Nhập địa chỉ tại đây và sao chép iframe. Mã dùng địa chỉ nhúng công khai của Google, không cần khóa. Dán vào phần tử Embed trong Webflow hoặc khối Custom HTML trong WordPress.
Làm sao để Google Maps responsive?
Đặt iframe với width: 100% và chiều cao cố định (mã đã làm cả hai việc). Khi đó bản đồ sẽ lấp đầy khung chứa trên mọi kích thước màn hình.
Làm sao tạo liên kết chỉ đường trên Google Maps?
Dùng liên kết chỉ đường trong hộp “Liên kết cho nút bấm”. Liên kết sẽ mở Google Maps với địa chỉ của bạn làm điểm đến, trên ứng dụng điện thoại hoặc website.
Tôi có thể hiển thị nhiều địa điểm trên một bản đồ không?
Không thể với mã nhúng đơn giản. Bạn cần Maps JavaScript API với khóa, hoặc một bản đồ đã lưu từ My Maps, có mã nhúng riêng.
Tôi có thể cài Tạo mã nhúng Google Maps như một ứng dụng web và dùng khi không có mạng không?
Có. Tạo mã nhúng Google Maps là một ứng dụng web (PWA) có thể cài đặt — cài trực tiếp từ trình duyệt, không cần tải từ cửa hàng ứng dụng. Trên Chrome hoặc Edge (Windows, macOS, Linux, ChromeOS) hoặc Android, bấm Cài đặt ứng dụng ở đầu trang này; trên iPhone và iPad, dùng Chia sẻ → Thêm vào Màn hình chính; trên Mac, dùng File → Add to Dock trong Safari 17 trở lên. Sau đó ứng dụng mở trong cửa sổ riêng với biểu tượng riêng, và vì chạy hoàn toàn trên trình duyệt nên vẫn hoạt động khi không có mạng. Firefox trên máy tính không thể cài ứng dụng web. Cách cài đặt hoạt động thế nào.

Công cụ liên quan