nicky suwandi asked 2026-01-15 09:23:47 UTC
Dear All
I had try to using google maps extensions 2.5.32.
When i want to showInfoWindows, the windows didn't, only show "arrow image".
I had try debug in chrome, i found there trouble with class="gm-style-iw gm-style-iw-c", when i add "height:200px" in chrome debug, the windows appear.
My Question is, is:
-
Any idea how to solve it, i think this couse by style overwritten but i don't know to solve it.
-
i had try using this code below to solve it
Dim htmlContent As String =
"
" &
"
title
" &
"
Custom content goes here...
" &
"
"
GoogleMap1.ShowInfoWindow(e.Marker, htmlContent)
Dim js As String =
"document.querySelectorAll('.gm-style-iw.gm-style-iw-c').forEach(function(el) {" &
" if (!el.style.height) {" &
" el.style.height = '150px';" &
" }" &
"});"
js = js & "document.querySelectorAll('.gm-style-iw-chr').forEach(function(el) {" &
" if (!el.style.height) {" &
" el.style.height = '30px';" &
" }" &
"});"
GoogleMap1.Eval(js)
but the code above, only work when the showinfowindow success load, i try to add listener "google.maps.event.addListener(GoogleMap1.getInfoWindow(), 'domready', function() ", but error GoogleMap1 not found in chrome debug.
Thanks all for your support
Nicky
nicky suwandi asked 2026-01-15 09:23:47 UTC
Dear All
I had try to using google maps extensions 2.5.32.
When i want to showInfoWindows, the windows didn't, only show "arrow image".
I had try debug in chrome, i found there trouble with class="gm-style-iw gm-style-iw-c", when i add "height:200px" in chrome debug, the windows appear.
My Question is, is:
Any idea how to solve it, i think this couse by style overwritten but i don't know to solve it.
i had try using this code below to solve it
Dim htmlContent As String =
"
"
title
" &"
Custom content goes here...
" &"
GoogleMap1.ShowInfoWindow(e.Marker, htmlContent)
Dim js As String =
"document.querySelectorAll('.gm-style-iw.gm-style-iw-c').forEach(function(el) {" &
" if (!el.style.height) {" &
" el.style.height = '150px';" &
" }" &
"});"
js = js & "document.querySelectorAll('.gm-style-iw-chr').forEach(function(el) {" &
" if (!el.style.height) {" &
" el.style.height = '30px';" &
" }" &
"});"
GoogleMap1.Eval(js)
but the code above, only work when the showinfowindow success load, i try to add listener "google.maps.event.addListener(GoogleMap1.getInfoWindow(), 'domready', function() ", but error GoogleMap1 not found in chrome debug.
Thanks all for your support
Nicky