I have this idea to embed google maps on a site but i like to skew it. I have made a sketch what i think it should look like see here
I am not sure if its possible, im not a developer just like to think about impossible stuff.
Let me know
Certainly you could skew the map...but it would skew everything including the marker.
The icon wil be something outside google maps
You can use css 3d transforms, bad browser support but that's not really a problem if you take 'graceful degradation' into account. I think that one runs on GPU so that's an added plus I guess.
The icon will be something outside google maps
Yeah...but how would you get it positioned (and maintain its position on map updates)?
Not IMpossible...but if there was a demand...Google would do it..for free.
Wait...they do...don't they in G-Maps Mobile?
In fact, can't you do a flyover a route type things in G-Earth? It's been a while.
Apparently you're right: http://www.google.com/mobile/maps/3d/
Is this possible to do on desktop websites though?
Google Earth needs a plugin -_-
Right now i got this not really what i want but it is getting closer
http://cdpn.io/nzKdH
You can't use skew to get a trapezium shape afaik.
Try this: transform: perspective(400px) rotateX(45deg); (with prefixes)
transform: perspective(400px) rotateX(45deg);
If you find out how to target labels you can probably transform those back to normal.
This will always be the middle of the map so thats easy
You can! http://jsfiddle.net/rudiedirkx/349x9/
Here...not skew....transform: http://codepen.io/anon/pen/krdEz
That's not skew, in fact that's not even a real transform. You can see if you put some white text in there that it's just an illusion.
You're slow! :P
True...I was delayed by neatening up the code & making it look good for presentation. :)
I have this idea to embed google maps on a site but i like to skew it. I have made a sketch what i think it should look like see here
I am not sure if its possible, im not a developer just like to think about impossible stuff.
Let me know
Certainly you could skew the map...but it would skew everything including the marker.
The icon wil be something outside google maps
You can use css 3d transforms, bad browser support but that's not really a problem if you take 'graceful degradation' into account. I think that one runs on GPU so that's an added plus I guess.
Yeah...but how would you get it positioned (and maintain its position on map updates)?
Not IMpossible...but if there was a demand...Google would do it..for free.
Wait...they do...don't they in G-Maps Mobile?
In fact, can't you do a flyover a route type things in G-Earth? It's been a while.
Apparently you're right: http://www.google.com/mobile/maps/3d/
Is this possible to do on desktop websites though?
Google Earth needs a plugin -_-
Right now i got this not really what i want but it is getting closer
http://cdpn.io/nzKdH
You can't use skew to get a trapezium shape afaik.
Try this:
transform: perspective(400px) rotateX(45deg);(with prefixes)If you find out how to target labels you can probably transform those back to normal.
This will always be the middle of the map so thats easy
You can! http://jsfiddle.net/rudiedirkx/349x9/
Here...not skew....transform: http://codepen.io/anon/pen/krdEz
That's not skew, in fact that's not even a real transform. You can see if you put some white text in there that it's just an illusion.
You're slow! :P
True...I was delayed by neatening up the code & making it look good for presentation. :)