Good Day All,
I’m close to finishing my app app https://spokanetechjobs.com/version-test
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.
Thanks,
Adam
Hi, I really wanna know how do you customize your application’s map size to be expanded all the time.
Hi,
I did this with custom css.
Adam
Could you please show me how you do that? I really wanna know.
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;
}
.gmnoprint,
.gm-fullscreen-control {
display: none;
}
a[href^=“Google Maps”] {
display: none !important
}