Page 1 of 1

changing google map size (angularjs/ionic app)

Posted: Sun Jun 04, 2017 9:33 pm
by skarun

i am referring to this link - https://docs.appery.io/docs/appbuilde... and quickly trying to put a google map. how do i change the control size so that its bigger. cant seem to find any properties for the map control.


changing google map size (angularjs/ionic app)

Posted: Tue Jun 06, 2017 7:10 pm
by skarun

appreciate if someone could respond to this.


changing google map size (angularjs/ionic app)

Posted: Wed Jun 07, 2017 9:12 am
by Serhii Kulibaba

Hello,

Yes, it is possible to do.

Please add a class to the map component, e.g. "mymap":
Image

And add a custom CSS into your project with that class, e.g.:
pre.mymap{
height:250px;
width:250px
}/pre


changing google map size (angularjs/ionic app)

Posted: Wed Jun 07, 2017 11:49 am
by skarun

May I know how custom CSS can be added, ie. where it is explained in the docs. thanks for your response.


changing google map size (angularjs/ionic app)

Posted: Wed Jun 07, 2017 11:54 am
by skarun

I got it .. added an HTML component and entered the above code inside


changing google map size (angularjs/ionic app)

Posted: Wed Jun 07, 2017 7:04 pm
by Galyna Abramovych

Hi,

I am glad you got it.