Icon

How to Set Up the Viewing Port in Your Project: Step-by-Step Guide

Learn how to set up the viewing port in your project, including how to find and set latitude and longitude, adjust camera settings, and save your viewport for optimal map display.

By Jon

In this guide, we'll learn how to set up the viewing port for a project using latitude and longitude coordinates. This process involves finding the correct location on a map, copying the coordinates, and entering them into the project settings. The goal is to ensure the view port centers on the correct area for accurate project visualization.

Let's get started

This is an instructional guide on how to set up the viewing port in a project.

1
Click on "Topdeck Dashboard"
Step #1: Click on "Topdeck Dashboard"
2
Click here
Step #2: Click here

Here, we have a photo sphere in this project, but there is no viewing port available. First, go to the API section. Click on "Projects." Select the project named "Rady."

3
Click here
Step #3: Click here
4
Click on "Projects"
Step #4: Click on "Projects"

We will search for that.

5
Click here
Step #5: Click here

We're going to click on that.

6
Type "rady + Enter"
7
Click on "Hensel Phelps - Rady Children's Hospital"
Step #7: Click on "Hensel Phelps - Rady Children's Hospital"

Now we need the latitude and longitude to center the map view. This project already has latitude and longitude, but let's assume we don't. Okay? Then, we note the address: 8001 Frost Street.

8
Click on "8001 Frost St"
Step #8: Click on "8001 Frost St"
9
Click here
Step #9: Click here

We entered that into Google Maps.

10
Click here
Step #10: Click here

I've already done it, so it appears here.

11
Click here
Step #11: Click here

We notice that the project is approximately here. We can tell that...

12
Double-click here
Step #12: Double-click here

It's often difficult to determine a project's location from satellite images because they are often outdated.

13
Click here
Step #13: Click here
14
Drag here
Step #14: Drag here

You can look at the crane plan and see the streets here.

15
Click on ">"
Step #15: Click on ">"
16
Click here
Step #16: Click here

Berger and Frost, as you can see here, Frost.

17
Click here
Step #17: Click here

This is called Children's Way, but if you zoom in, it is called Berger Avenue.

18
Click here
Step #18: Click here
19
Drag here
Step #19: Drag here
20
Click here
Step #20: Click here

That's the clear intersection. Going back to the project, we can see that the working area...

21
Drag here
Step #21: Drag here
22
Click here
Step #22: Click here
23
Click here
Step #23: Click here

This photo sphere has some issues. The camera speed setting has not been set correctly. You will need to adjust it properly.

24
Click here
Step #24: Click here
25
Drag here
Step #25: Drag here

You can see the intersection there; that is the work site. The work site is roughly here.

26
Click on "8001 Frost St -"
Step #26: Click on "8001 Frost St -"
27
Click here
Step #27: Click here
28
Click here
Step #28: Click here

Right-click to get the latitude and longitude.

29
Right-click here
Step #29: Right-click here
30
Click on ","
Step #30: Click on ","

Next, return to the project and set the viewport bearing to zero.

31
Click on "To Hensel Phelps - Rady Children's x"
Step #31: Click on "To Hensel Phelps - Rady Children's x"
32
Click here
Step #32: Click here

Set the latitude. Paste and remove the longitude, which is the second number. Then, set the viewport longitude.

33
Type "0 + Tab"
34
Type "Ctrl + V"
35
Type "Backspace"
36
Click here
Step #36: Click here
37
Type "Ctrl + V"

That is the second number. We need to delete the first number.

38
Click on "4-11715185182771235 +"
Step #38: Click on "4-11715185182771235 +"
39
Type "Backspace"
40
Type "Backspace"

We also need to note that, for some reason, the period was not copied. Make sure you include the period when copying. You can check at the bottom to ensure it has the correct minus sign and period.

41
Type "."
42
Click on "8001 Frost St - Google Maps"
Step #42: Click on "8001 Frost St - Google Maps"
43
Click on "32.799733"
Step #43: Click on "32.799733"
44
Click here
Step #44: Click here

For the viewport zoom, a good starting point is to set it to 12.

45
Click here
Step #45: Click here

That's a bit zoomed out, but still within the scale of a project.

46
Type "12"
47
Click here
Step #47: Click here

You go down. You click Save.

48
Click on "SAVE"
Step #48: Click on "SAVE"

Now, if we go back and reload, you can see it is already loaded.

49
Click on "Topdeck Dashboard"
Step #49: Click on "Topdeck Dashboard"

That's how you set up the viewport.

How to Set Up the Viewing Port in Your Project: Step-by-Step Guide