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"
):
And this is how it looks on my website using Google Maps Javascript API 3
in hybrid
mode with tilt: 45
option:
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:
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.
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.
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.
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.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With