Embed Map

API Embed Map GTEL MAPS cho phép nhúng bản đồ tương tác nâng cao vào trang web hoặc ứng dụng của bạn thông qua iframe. Phiên bản hỗ trợ nhiều tùy chọn tùy chỉnh như markers, camera controls và card hiển thị.

---

Embed Map

Loading...

Tham số tùy chọn

Tham số	Kiểu dữ liệu	Mô tả
center	string	Tọa độ trung tâm bản đồ theo định dạng {lat},{lon}. Ví dụ: 10.78708,106.6887. Bị vô hiệu hóa nếu có tham số markers
zoom	number	Mức zoom của bản đồ (1 - 17). Mặc định: 10. Bị vô hiệu hóa nếu có tham số markers.
bearing	number	Góc xoay bản đồ theo độ (-180° - 180°). Mặc định: 0.
pitch	number	Góc nghiêng bản đồ theo độ (0° - 85°). Mặc định: 0.
markers	string	Danh sách markers theo định dạng lat,lon|lat,lon. Ví dụ: 10.78708,106.6887|10.79162,106.69402.
show-card	boolean	Hiển thị thông tin card cho địa điểm. Mặc định: false. Giá trị: true, false

Ví dụ sử dụng

Bản đồ cơ bản với center và zoom

Bản đồ tại TP.HCM với zoom 15

<iframe
src="{{API_BASE_URL}}/embed?center=10.78708,106.6887&zoom=15"
width="600"
height="400"
style="border:0;"
allowfullscreen=""
loading="lazy"
referrerpolicy="no-referrer-when-downgrade"
></iframe>

Bản đồ với markers

Bản đồ với 2 markers

<iframe
src="{{API_BASE_URL}}/embed?markers=10.78708,106.6887|10.79162,106.69402&show-card=true"
width="600"
height="400"
style="border:0;"
allowfullscreen=""
loading="lazy"
referrerpolicy="no-referrer-when-downgrade"
></iframe>

Bản đồ 3D với bearing và pitch

Bản đồ 3D nghiêng 45 độ, xoay 90 độ

<iframe
src="{{API_BASE_URL}}/embed?center=10.78708,106.6887&zoom=16&bearing=90&pitch=45"
width="600"
height="400"
style="border:0;"
allowfullscreen=""
loading="lazy"
referrerpolicy="no-referrer-when-downgrade"
></iframe>

Lưu ý quan trọng

• Tham số center và zoom bị vô hiệu hóa khi có tham số markers. Bản đồ sẽ tự động fit bounds để hiển thị tất cả markers.
• Góc bearing tính từ hướng Bắc (0°) theo chiều kim đồng hồ.
• Góc pitch tối đa là 85° để đảm bảo trải nghiệm tốt nhất.

---

Demo Tương Tác

Loading embed demo...