NDAView.vn IFrame
Nhúng ndaview.vn vào ứng dụng web của bạn
Mô tả
NDAView.vn-IFrame cho phép bạn nhúng ndaview.vn vào ứng dụng web của bạn
Cách sử dụng
Để nhúng NDAView.vn-IFrame vào ứng dụng web của bạn, bạn cần dùng thẻ <iframe /> với src="https://view.ndamaps.vn/brand-iframe" trong phần tử html của bạn.
<!DOCTYPE html>
<html lang="vi">
<head>
<meta charset="UTF-8">
<title>NDAView.vn IFrame</title>
<style>
.ndaview-sdk {
width: 100%;
height: 600px;
border: none;
}
</style>
</head>
<body>
<iframe
class="ndaview-sdk"
src="https://view.ndamaps.vn/brand-iframe?plugins=map%2C+compass&picId=e213daed-3ae2-4259-940b-444a4056c101&yaw=275&pich=25&logo=https%3A%2F%2F44plus.vn%2Fwp-content%2Fuploads%2F2021%2F07%2F44pluslogo.svg&address=12+ng%C3%B5+1%2C+ph%C6%B0%E1%BB%9Dng+D%E1%BB%8Bch+V%E1%BB%8Dng+H%E1%BA%ADu%2C+qu%E1%BA%ADn+C%E1%BA%A7u+Gi%E1%BA%A5y%2C+th%C3%A0nh+ph%E1%BB%91+H%C3%A0+N%E1%BB%99i&title=44%2B+Technologies&lat=21.032796623&lng=105.788024983&apiKey=your_api_key">
</iframe>
</body>
</html>
| Tham số | Giá trị | Mô tả |
|---|---|---|
| plugins | map | Là plugin để hiển thị minimap với các chức năng thu nhỏ phóng to và điểm điểm mà điểm ảnh của bạn đang ở đó Docs |
track | Là plugin để hiển thị được line và các point điểm ảnh mà ndaview.vn đã ghi nhận Docs | |
compass | Là plugins để hiển thị la bàn. có chức năng hiển thị phương hướng của góc nhình và các node gần điểm đang xem Docs | |
| picId | "e213daed-3ae2-4259-940b-444a4056c101" | ID của ảnh 360 muốn hiển thị |
| yaw | "275" | Góc quay ngang (hướng nhìn ban đầu), đơn vị: độ |
| pich | "25" | Góc quay dọc (ngẩng đầu/nghiêng), đơn vị: độ |
| logo | https://44plus.vn/wp-content/uploads/2021/07/44pluslogo.svg | Logo hiển thị trong viewer |
| address | 12 ngõ 1, phường Cầu Giấy, thành phố Hà Nội | Địa chỉ hiển thị |
| title | "44+ Technologies" | Tiêu đề/ghi chú của địa điểm |
| lat | "21.032796623" | Vĩ độ (latitude) của điểm cần hiển thị |
| lng | "105.788024983" | Kinh độ (longitude) của điểm cần hiển thị |
| apiKey | "YOUR_API_KEY" | Khóa API sử dụng để xác thực truy cập |