Google Maps Market Size

Good Day All,

I’m close to finishing my app app

I was wondering if anyone knows how to make the google map marker size smaller? I can do some of this with CSS but it’s hacky. Overlapping elements click regions make for a poor experience.

I have seen some methods using javascript but I’m not sure how to do that with the way bubble handles the map api.


Hi, I really wanna know how do you customize your application’s map size to be expanded all the time.


I did this with custom css.


Could you please show me how you do that? I really wanna know. :slight_smile:

I can’t completely remember what I did since it was a hacky solution.

Looking at it now, it appears I added these styles to achieve the full page effect. I have also attached the Google Maps element details panel for your reference.

Hopefully some of this helps.

.main-page.bubble-element.Page {
overflow: hidden !important;
height: 100vh !important;
max-height: -webkit-fill-available;
min-height: -webkit-fill-available !important;
width: 100% !important;
.bubble-element.GoogleMap {
height: 100% !important;
width: 100% !important;

I also hid a bunch of Google Maps elements with this css.

.gmnoprint a,
.gmnoprint span,
.gm-style-cc {
display: none;

.gm-fullscreen-control {
display: none;

a[href^=“Google Maps”] {
display: none !important