Skip to main content

NDAView.vn IFrame

Embed ndaview.vn into your web application

Describe​

NDAView.vn-IFrame allows you to embed ndaview.vn into your web application

Usage​

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

<!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>
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 ndaview 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 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