change standard navigation to google maps navigation

This topic has 9 replies, 3 voices, and was last updated 1 year, 1 month ago by xeon.

Viewing 10 posts - 1 through 10 (of 10 total)

Author

Posts
2023-09-12 at 4:00 pm #66771
vjecht169
Customer
Hello all,

it’s been a long time since I posted anything here about the project….
now the customer wants the navigation to work more like Google Maps.

https://v3d.net/noi

So now I’m wondering if this can be done with Verge3D:
1. with the +/- buttons I added at the bottom right, you should be able to Zoom-In addition to the mouse wheel.
2. with the left mouse button you should be able to move the map.
3. with pressed Alt key and with the right mouse button you should be able to rotate.

The same should work with the smartphone navigation:
1. with one finger you should be able to move.
2. with 2 fingers you should be able to rotate.
3. zooming with 2 fingers already works like with Google Maps :)

Is this possible and if so, how could this be implemented with puzzles?

Thanks for the attention :)
- This topic was modified 1 year, 2 months ago by vjecht169.
2023-09-12 at 4:33 pm #66772
xeon
Customer
Put the below in a JavaScript Puzzle and put that in a procedure and call as necessary

app.controls.rotateSpeed*=-1;
app.controls.rotateSpeedTouch *= -1;
- This reply was modified 1 year, 2 months ago by xeon.
- This reply was modified 1 year, 2 months ago by xeon.
Xeon
Route 66 Digital
Interactive Solutions - https://www.r66d.com
Tutorials - https://www.xeons3dlab.com
2023-09-12 at 9:58 pm #66784

kdv
Participant

vjecht169 wrote:

Is this possible and if so, how could this be implemented with puzzles?

1, 2 and 3 both for mouse and touch controls with puzzles only? That’s hardly possible. You’ll have to modify v3d.js source code (class OrbitControls) to do the job.

Puzzles and JS coding. Fast and expensive.

If you don’t see the meaning in something it primarily means that you just don’t see it but not the absence of the meaning at all.

2023-09-13 at 11:46 am #66796

vjecht169
Customer

Ok, thanks for the answer…
Unfortunately I’am not able to do this with v3d.js

And if I limit the navigation change to mouse controls only …
(the first three points above)

Is this possible with puzzles and how ?

2023-09-13 at 12:10 pm #66798

kdv
Participant

vjecht169 wrote:

And if I limit the navigation change to mouse controls only

That is highly probable but again not with puzzles.

Puzzles and JS coding. Fast and expensive.

If you don’t see the meaning in something it primarily means that you just don’t see it but not the absence of the meaning at all.

2023-09-13 at 12:51 pm #66799

vjecht169
Customer

Hmm that’s very unfortunate …

Xeon meant above that you could use a JavaScript puzzle with various entries integrated into a procedure… what about that ?

I still wouldn’t know how to implement that, but maybe that would be an approach ?

2023-09-13 at 12:54 pm #66800

kdv
Participant

vjecht169 wrote:

that you could use a JavaScript puzzle

Yes, you can do the job via JS coding if you are familiar with the structure and logic of OrbitControls

Some useful info can be found there

Inverted Camera Navigation

Puzzles and JS coding. Fast and expensive.

If you don’t see the meaning in something it primarily means that you just don’t see it but not the absence of the meaning at all.

2023-10-12 at 5:47 pm #67561

vjecht169
Customer

Hello all,

I’m sorry, but I’ve been trying on and off for the last few weeks without the forum to get anywhere with the few statements here regarding camera control and have been looking for answers here and on the internet.

However, I can’t get anywhere at all because I don’t have the necessary JS coding skills.

So unfortunately I have to drop the customer request to change the navigation to Google Maps Standard.

Now my question:
Can I, without changing the existing navigation, link the zoom to the +/- buttons, so that I can at least fulfill this one part of the customer request.
https://v3d.net/noi

And if so it would be great if they could show me a way to implement this with puzzles….

Thanks

2023-10-13 at 5:02 am #67566

kdv
Participant

300$ for buttons + optional 300$ for the mouse controls (hold Shift to rotate) + optional 600$ for the universal mouse/touch controls.

Puzzles and JS coding. Fast and expensive.

If you don’t see the meaning in something it primarily means that you just don’t see it but not the absence of the meaning at all.

2023-10-13 at 7:14 am #67575

xeon
Customer

There are many ways to implement what you are asking.
It will depend on your budget obviously and what your client really wants.

The following is an extremely simple project that uses Google controls. You can flip the camera rotation direction, zoom in and zoom out based on buttons. Not sure why this would be preferred over pinch zoom or scroll but works nonetheless.

You would probably want to implement a form of deciding where the center point of zoom is..but based on the location of the map they are on.

https://v3d.net/oso

Puzzles for the entire project are shown in the attached image.

Works on desktop and mobile.

All code in puzzles… not pretty but it should get on on the right track to getting this done yourself.

Since this is for a client…I would suggest taking KDV up on his offer and having him implement the puzzles. You will then end up with a set of puzzles you can reference and you can hopefully make a profit on what he is offering his services for.

Attachments:
You must be logged in to view attached files.
Xeon
Route 66 Digital
Interactive Solutions - https://www.r66d.com
Tutorials - https://www.xeons3dlab.com
Author

Posts