Text area fix on google map


Hello everybody,
this is my html code:

>     <ion-content>
>         <div id="map" data-tap-disabled="true" > </div>
>     </ion-content>

I have this display on my application:
Now I want display few statistics on this map, so I want create 3 text areas fix, so you can move on the map but the text will be fix.
One on the right bottom, one on the middle bottom and one on the left bottom, with statistics inside.
But with my code I can’t display anything on my map.

Any issue ?

Thanks in advance


The Google Maps API has the possibility to add custom controls to a map.
I haven’t tried it out myself, but I suggest that you look at the documentation to see if it fits your needs.

–> https://developers.google.com/maps/documentation/javascript/controls
–> https://developers.google.com/maps/documentation/javascript/examples/control-custom


It’s good but when i want just put a text, didnt work.
I just found to put an event.

Any suggestions ?