Skip to main content

Streetview.vn IFrame

Embed streetview.vn into your web application

Describe​

Streetview.vn-IFrame allows you to embed streetview.vn into your web application

tip

When using that, just use our Enterprise Dashboard or guild API Key to create your API Key try for free!

Usage​

To embed Streetview.vn-IFrame into your web application, you need to use the <iframe /> tag with src="https://www.streetview.vn/brand-iframe" in your html element.

<!DOCTYPE html>
<html lang="vi">
<head>
  <meta charset="UTF-8">
  <title>Streetview.vn 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>
ParametersValueDescribe
pluginsmapIs a plugin to display minimap with zoom in and out functions and point to the point where your pixel is located Docs
trackIs a plugin to display lines and pixel points that streetview has recorded. Docs
compassIs a plugin to display compass. It has the function of displaying the direction of the viewing angle and the nodes near the viewing point. Docs
picId"e213daed-3ae2-4259-940b-444a4056c101"ID of the 360 ​​photo you want to display
yaw"275"Horizontal angle (initial view), unit: degree
pich"25"Vertical rotation angle (head up/tilt), unit: degree
logohttps://44plus.vn/wp-content/uploads/2021/07/44pluslogo.svgLogo displayed in viewer
address12 ngõ 1, phường Dịch Vọng Hậu, quận Cầu Giấy, thành phố Hà NộiDisplay address
title"44+ Technologies"Title/note of the location
lat"21.032796623"Latitude of the point to be displayed
lng"105.788024983"Longitude of the point to display
apiKey"YOUR_API_KEY"API key used to authenticate access