This is a
very interesting question which requires a
very clever answer. This demo resizes the standard google map QuickBase generates for an address field:
Google Maps Resizehttps://haversineconsulting.quickbase.com/db/bmmyhv4ep?a=q&qid=1Pastie Databasehttps://haversineconsulting.quickbase.com/db/bgcwm2m4g?a=dr&rid=561Notes:
(1) You can't easily manipulate the google maps object associated with the address field because it is created deep with various QuickBase functions and is
not exposed at global scope. So the script does two things to achieve the same effect:
(a) set the zoom level of the
<div> containing the map to the value 2 and
(b) click on the
zoom out icon on the map using script.
(2) an animation time of
10 seconds is used to demonstrate how the script works. You can set the animation time to zero and the result will appear instantly.
(3) I tested this in Chrome however, the zoom attribute may not be supported in all browsers. If it does not work in your browser you can use the following CSS instead of zoom:
transform: scale(2);
(4) Although it may not appear to relate to your question it is worth contrasting the manipulation of the
Google Map with manipulation of a
HighChart after they are rendered by QuickBase. You
can gain access to the HighChart object of the rendered by QuickBase. You
can't (easily - nothing is impossible) gain access to the Google Map object rendered by QuickBase.
If you need further assistance implementing this example feel free to contact me using the information in my profile:
https://getsatisfaction.com/people/dandiebolt