Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Google Maps Javascript API tilt view differs from the one on www.google.com/maps

I noticed that some places opened on google.com/maps service look completely different from the same view generated using Google Maps Javascript API 3 using tilt: 45.

In the example map center is lat:39.073282988412444 lng:-77.15641707252614

So how it looks on google.com/maps service using hybrid mode and 3d view (not sure if it is the same as tilt: "45"):

enter image description here

And this is how it looks on my website using Google Maps Javascript API 3 in hybrid mode with tilt: 45 option:

enter image description here

As you can see the quality is poor when using API. Google maps uses something like 3d rendering which is not available through API.

So my question is. Does that mean that we (API customers) cannot achieve the same quality as we see on google.com/maps service? Because I believe everybody thinks that he can embed the same map as shown on google.com/maps through API, but in reality, it seems that you get lower quality service.

PS: I noticed that google.com/maps probably uses WebGL:

enter image description here

like image 583
ZuzEL Avatar asked Oct 25 '17 20:10

ZuzEL


People also ask

How do I get different angles on Google Maps?

You can tilt the map in any direction. Press and hold the scroll button. Then, move the mouse forward or backward. Press Shift and scroll forward or backward to tilt up and down.

How do I change the tilt on Google Maps?

Using the mouse, hold down the shift key, then click and drag the mouse up and down to adjust tilt, right and left to adjust heading. Using the keyboard, hold down the shift key, then use the up and down arrow keys to adjust tilt, and the right and left arrow keys to adjust heading.

How do I change perspective on maps?

Change the view Face North: At the bottom, tap the compass. Tilt the map: With 2 fingers, touch and hold the map, then move your fingers up and down the screen. Rotate the map: With 2 fingers, touch and hold the map, then move your fingers around each other on the screen.


1 Answers

The most important point is that Google Maps JavaScript API and Google Maps consumer application (maps.google.com) are different products managed by different teams at Google. You shouldn't expect that they work exactly the same way at all situations. As far as I know the API team strives to get the functionality as much close to consumer application as possible, but sometimes they need some time to implement things on the API side.

Referring to the MapsGL support in the Google Maps JavaScript API, there is a feature request in Google issue tracker that currently has 130 stars. Please have a look at this feature request:

https://issuetracker.google.com/issues/35821626

I would suggest starring the feature request to add your vote, hopefully Google will take into account the number of people who starred the issue and implement it.

like image 52
xomena Avatar answered Oct 20 '22 01:10

xomena