Nhảy tới nội dung

Streetview IFrame

Nhúng streetview.vn vào ứng dụng web của bạn

Mô tả​

Streetview-IFrame cho phép bạn nhúng streetview.vn vào ứng dụng web của bạn

mẹo

Hãy sử dụng Enterprise Dashboard hoặc hướng dẫn API Key để tạo API Key và trải nghiệm miễn phí!

Cách sử dụng​

Để nhúng Streetview-IFrame vào ứng dụng web của bạn, bạn cần dùng thẻ <iframe /> với src="https://www.streetview.vn/brand-iframe" trong phần tử html của bạn.

<!DOCTYPE html>
<html lang="vi">
<head>
  <meta charset="UTF-8">
  <title>Streetview IFrame</title>
  <style>
    .streetview-sdk {
      width: 100%;
      height: 600px;
      border: none;
    }
  </style>
</head>
<body>
  <iframe
    class="streetview-sdk"
    src="https://www.streetview.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ả
pluginsmapLà 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
trackLà plugin để hiển thị được line và các point điểm ảnh mà streetview đã ghi nhận Docs
compassLà 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ị: độ
logohttps://44plus.vn/wp-content/uploads/2021/07/44pluslogo.svgLogo hiển thị trong viewer
address12 ngõ 1, phường Dịch Vọng Hậu, quận 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