Cách dùng Tạo Google Maps API
- Đặt vị trí, mức zoom, kiểu bản đồ và kích thước.
- Thêm marker: chọn màu, vị trí và nội dung cho cửa sổ thông tin của từng marker.
- Bật tìm kiếm địa điểm hoặc đánh giá Google nếu bạn cần.
- Dán API key để xem bản xem trước đầy đủ, rồi sao chép code hoặc dùng Sao chép cho Webflow.
Lấy Google Maps API key
- Mở Google Cloud console và tạo dự án, đồng thời bật thanh toán.
- Bật các API mà công cụ này liệt kê cho cấu hình của bạn.
- Tạo API key trong mục Keys & Credentials.
- Giới hạn key theo địa chỉ website của bạn và theo các API đó. Key trong code web là công khai, nên giới hạn chính là thứ giúp key an toàn.
Để dùng bản xem trước trực tiếp ở đây, hãy cho phép devpack.app/* làm website khi bạn thử nghiệm, hoặc dùng một key thử nghiệm riêng.
Chi phí
Google tính phí theo mức sử dụng và có hạn mức miễn phí hằng tháng cho mỗi API. Đánh giá dùng yêu cầu Place Details có giá cao hơn, vì vậy hãy đặt cảnh báo ngân sách trong Google Cloud. Xem trang giá của Google để biết mức giá hiện tại.
Về code được tạo ra
Ô tìm kiếm và đánh giá dùng Places API (New) hiện tại của Google, vì các dịch vụ Places cũ không còn dành cho dự án mới. Mỗi marker có thể là ghim màu, chấm tròn, hình vuông hoặc ngôi sao, hoặc hình ảnh riêng từ một URL hoặc tệp tải lên dưới 100 KB. Marker dùng google.maps.Marker nên hoạt động với kiểu bản đồ JSON. Google khuyên dùng Advanced Markers cho dự án mới, nhưng chúng yêu cầu Map ID và kiểu dáng dựa trên cloud, nên công cụ này không tạo ra chúng. Điều khoản của Google yêu cầu bạn hiển thị đánh giá kèm ghi nguồn, và code được tạo đã bao gồm phần này.
Chỉ cần một bản đồ đơn giản không cần key? Hãy dùng Google Maps Embed Generator. Liên quan: Color Picker, CSS Button Styles.
Cũng được tìm dưới tên: marker google maps tùy chỉnh, ví dụ google maps javascript api, bản đồ google maps tùy chỉnh, kiểu bản đồ google maps, nhúng đánh giá google, ví dụ google places api, google map webflow.
Các công cụ dùng kèm tốt với Tạo Google Maps API
- Trình tạo Schema Markup — Chọn loại schema, điền biểu mẫu và sao chép JSON-LD sẵn sàng để dán.
- Tạo Mã Nhúng YouTube — Dán liên kết YouTube bất kỳ — video, Short hay playlist — và nhận mã nhúng responsive với chế độ bảo mật nâng cao, thời gian bắt đầu và kết thúc, tự phát (tắt tiếng), lặp lại và phụ đề, hoặc phiên bản lite “nhấn để tải” giúp trang của bạn luôn nhanh.
- Định dạng JSON — Dán JSON để định dạng đẹp, nén hoặc kiểm tra.
- Phân tích Email Header — Dán header gốc của email để xem toàn bộ hành trình: từng máy chủ trung gian cùng thời gian xử lý, kết quả SPF, DKIM và DMARC, IP gốc, và các dấu hiệu cảnh báo như Reply-To hoặc Return-Path không khớp.