How to create a image snapshot of a map using the native google maps plugin

Hi All,

I’ve got the native google Maps loading on the page I want, in a small div 200px wide and high within an ion card, however when I’m scrolling up and down the page the map jitters up and down as it tries to align itself with the HTML view. to remedy this rather than loading the google map native component, I would just like to render and snapshot image of the user and his current location, then if the user clicks on this image, the native google maps will open up.

Whats the best way of doing this? Should I just scrap this and use the javascript version? or is there another way to stop the jittering?

Use API Google directly with a tag . See https://developers.google.com/maps/documentation/static-maps/intro

Use map.toDataURL();

ref: