{"id":750,"date":"2019-02-05T15:18:06","date_gmt":"2019-02-05T15:18:06","guid":{"rendered":"https:\/\/dataiknow.info\/?p=750"},"modified":"2019-12-08T11:47:43","modified_gmt":"2019-12-08T11:47:43","slug":"export-360-panoramas-images-linked-to-plan-for-browser-viewing","status":"publish","type":"page","link":"https:\/\/max-drake.cc\/?page_id=750","title":{"rendered":"?\ufe0f-Navigate your Panoramas effortlessly"},"content":{"rendered":"<p><img decoding=\"async\" class=\"wp-image-5126  aligncenter lazyload\" data-src=\"https:\/\/max-drake.cc\/wp-content\/uploads\/2019\/02\/2019-02-14-17_01_00-KOT-01-1-300x125.jpg\" alt=\"\" width=\"1500\" height=\"625\" data-srcset=\"https:\/\/max-drake.cc\/wp-content\/uploads\/2019\/02\/2019-02-14-17_01_00-KOT-01-1-300x125.jpg 300w, https:\/\/max-drake.cc\/wp-content\/uploads\/2019\/02\/2019-02-14-17_01_00-KOT-01-1-768x319.jpg 768w, https:\/\/max-drake.cc\/wp-content\/uploads\/2019\/02\/2019-02-14-17_01_00-KOT-01-1-1024x426.jpg 1024w\" data-sizes=\"(max-width: 1500px) 100vw, 1500px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1500px; --smush-placeholder-aspect-ratio: 1500\/625;\" \/>We can take your panorama 360 images (or standard images) and link them to plans and\/or google maps to allow for effective exploration of your information. The information can be viewed in a web browser.<\/p>\n<p>Click on <a href=\"https:\/\/pir2.tk\/web\/data\/1PanoKOT\/KOT-01.html\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>this link<\/strong><\/a> for a demonstration (<em>Note that initial load is slow as panorama image is a 4.2Mb file size and needs to be uploaded to the browser across the web<\/em>).<\/p>\n<p>Sometimes uploading high resolution images can take quite a time to load on a browser, especially if they are on a remote server. There are two methods to manage this issue:<\/p>\n<p>1\/ Locate on your local intranet so that files upload quickly<\/p>\n<p>2\/ Create High Resolution and low resolution files. We can take your high resolution files and compress them to create low resolution files that will load rapidly over the internet. The low res files load quickly and when specific image reached for investigation, open the high res photo for analysis.<\/p>\n<h3>Setting up 360 Panoramas\/Images linked to plan viewing on browser<\/h3>\n<p>We can help you create this set up.<\/p>\n<ol>\n<li>We would require you to upload the images to an on-line storage system like OneDrive, Google Drive, Drop Box etc from where we can download the images. Otherwise we can create a shared folder on our Google Drive and you can upload your files there.<\/li>\n<li>We would also need a site\/building\/floor plan which you would like to associate the images with, with some indication (if not self explanatory) where the images were taken with respect to the associated plan. You could also give a Google Maps location and we can use that as a plan for linking the images to (see 4th image below, and site plan in the above demonstration link).<\/li>\n<\/ol>\n<h3>Accessing Files:<\/h3>\n<p>To view a panorama click on any .HTML file in the directory.<\/p>\n<p><img decoding=\"async\" class=\"wp-image-325 aligncenter lazyload\" data-src=\"https:\/\/dataiknow.info\/wp-content\/uploads\/2018\/11\/impa01-252x300.jpg\" alt=\"\" width=\"485\" height=\"577\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 485px; --smush-placeholder-aspect-ratio: 485\/577;\" \/><\/p>\n<div style=\"text-align: left;\">\n<ol>\n<li>The top directory will have the property code which the panoramas and images relate to.<\/li>\n<li>The <strong>Internet Explorer, Firefox &amp; Chrome BAT<\/strong> files are for starting up the specific browser you are using (<em><strong>Only NECESSARY with CHROME<\/strong><\/em> as normally CHROME will not view files on a local drive, so you have to add <strong>allow-file-access-from-files <\/strong>to the chrome.exe startup to allow this to happen. See <a href=\"http:\/\/www.chrome-allow-file-access-from-file.com\/windows.html\" target=\"_blank\" rel=\"noopener noreferrer\">this article<\/a>)<\/li>\n<li>To VIEW the panoramas you have to view them in a browser (<em>Internet Explorer, <\/em><em>Firefox, Chrome)<\/em> so you need to click on one of the <em>??????.HTML<\/em> files to open it in the browser.<\/li>\n<li>The Panorama .jpg files are stored in the 360H or 360L directories.<\/li>\n<li>Normal photo .jpg files (non panoramas) are in the Photos directory.<\/li>\n<\/ol>\n<h2>Viewing &amp; navigating panorama tab<\/h2>\n<p><img decoding=\"async\" class=\"wp-image-326 aligncenter lazyload\" data-src=\"https:\/\/dataiknow.info\/wp-content\/uploads\/2018\/11\/impa02-300x178.jpg\" alt=\"\" width=\"1554\" height=\"922\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1554px; --smush-placeholder-aspect-ratio: 1554\/922;\" \/><\/p>\n<h2>Viewing &amp; navigating Plans tabs<\/h2>\n<p><img decoding=\"async\" class=\"wp-image-329 aligncenter lazyload\" data-src=\"https:\/\/dataiknow.info\/wp-content\/uploads\/2018\/11\/impa05-300x257.jpg\" alt=\"\" width=\"1408\" height=\"1206\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1408px; --smush-placeholder-aspect-ratio: 1408\/1206;\" \/><\/p>\n<p><img decoding=\"async\" class=\"wp-image-327 aligncenter lazyload\" data-src=\"https:\/\/dataiknow.info\/wp-content\/uploads\/2018\/11\/impa03-300x272.jpg\" alt=\"\" width=\"1413\" height=\"1281\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1413px; --smush-placeholder-aspect-ratio: 1413\/1281;\" \/><img decoding=\"async\" class=\"wp-image-328 aligncenter lazyload\" data-src=\"https:\/\/dataiknow.info\/wp-content\/uploads\/2018\/11\/impa04-300x169.jpg\" alt=\"\" width=\"1418\" height=\"799\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1418px; --smush-placeholder-aspect-ratio: 1418\/799;\" \/><\/p>\n<p>I set up these panorama link files for a demonstration. On sharing the panoramas with the building owner I highlighted a couple of issues as shown below:<\/p>\n<p>The first image shows efflorescence from water in the structure leaching out salts. An issue with either cracking or poor sealing prior to painting walls<\/p>\n<p><img decoding=\"async\" class=\"wp-image-345 aligncenter lazyload\" data-src=\"https:\/\/dataiknow.info\/wp-content\/uploads\/2018\/11\/im28-300x211.jpg\" alt=\"\" width=\"1453\" height=\"1022\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1453px; --smush-placeholder-aspect-ratio: 1453\/1022;\" \/><\/p>\n<p>The second item was poor paint adhesion through bad preparation. The building owner used these images to get repairs done by the contractor The building owner used these images to get repairs done by the contractor <img decoding=\"async\" class=\"alignnone wp-image-346 lazyload\" data-src=\"https:\/\/dataiknow.info\/wp-content\/uploads\/2018\/11\/im27-300x237.jpg\" alt=\"\" width=\"1447\" height=\"1143\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1447px; --smush-placeholder-aspect-ratio: 1447\/1143;\" \/><\/p>\n<p>The building owner used these images to get repairs done by the contractor as it was still within the buildings defects liability period. The owner was not aware of these issues prior to the photos being reviewed.\n<\/p><\/div>\n<h3>Appendix<\/h3>\n<p>Here is a video that I made that talks about 360\/Panorama images:<br \/>\n<iframe title=\"360 panorama for AMFM\" width=\"678\" height=\"381\" data-src=\"https:\/\/www.youtube.com\/embed\/PR_BidM-t-4?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" data-load-mode=\"1\"><\/iframe><\/p>\n","protected":false},"excerpt":{"rendered":"<p>We can take your panorama 360 images (or standard images) and link them to plans and\/or google maps to allow for effective exploration of your information. The information can be viewed in a web browser. Click on this link for a demonstration (Note that initial load is slow as panorama image is a 4.2Mb file [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-750","page","type-page","status-publish","hentry"],"featured_image_src":null,"featured_image_src_square":null,"_links":{"self":[{"href":"https:\/\/max-drake.cc\/index.php?rest_route=\/wp\/v2\/pages\/750","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/max-drake.cc\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/max-drake.cc\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/max-drake.cc\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/max-drake.cc\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=750"}],"version-history":[{"count":0,"href":"https:\/\/max-drake.cc\/index.php?rest_route=\/wp\/v2\/pages\/750\/revisions"}],"wp:attachment":[{"href":"https:\/\/max-drake.cc\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=750"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}