GWT map error display grey area - google-maps

I have created a widget to display google earth and when I click the button, google earth disappears and is replaced by google map.
I am using the gwt earth 3 and gwt map v3. When I click the button the first time, google map is display well.
But when I click the button again, google map is displayed very small inside a grey area like that, which used gwt-map v2.
In gwt map v3, it doesn't have method checkResizeAndCenter(). So I want know if there is another way to fix this error.
Anybody can help me?

I think you had situation like,map widget get added to a panel having width and height greater than width and height of map widget.

Related

Put Google Map InfoWindow out of Map container

I am trying to create a map using angular 9 google maps library. In resolutions from 320 to 599, i want my info window container out of map (because my content is such that, it has to come in column view) because it won't fit in the map window. But I am unable to do so. I am using custom Popups for that.
The solution to show InfoWindow outside the Google Maps Div might not be a great idea. I am not sure of how well that would work.
Another solution would be to register a Click event on the google map, and capture that information with an unique ID and pass that information to a box outside the div and display the required data.

How to attach resize method of google map in div containing map container?

I have initialized the map on load and after clicking on a list item markers will be added to the map based on data from backend. After that by clicking a button the map should be displayed in another view.The map is displayed as a small square in the top left corner.
I know this problem is caused due to initializing the map onload. But I have few more map views so I dont want to initialize everytime.
Is there anyway to solve this?
I am using the resize method..But I want to know where exactly I need to use the function..If in div containing the map container, on which event should I attach resize?
When you are doing the resize, you could fire a topic publish and on the subscribe for that topic, you could fire the resize trigger within Google Maps API?

How to check if the markers in a google map are not behind any custom controls in the Map

I'm using Google maps V3 API . I've added a custom control on the Map. Its having a width of 350px and height 300px.
Is there any way which i can figure out any of the marker is positioned behind the custom control on the Google maps.
Also i need to find out if i could able to find any marker is behind the custom control , i want it to change the position of the marker out of the custom control.

How the blue dot in google maps is centered at the current location?

i have several questions about the blue dot that appears when i launch the google maps in the browser. I tried implementing the same by using the blue dot image as the icon property of the marker and changing the position of the marker in accordance with the current location. So when i do this its actually like the maps are refreshing where as in the google maps application the blue dot is moving smoothly(and that's very awesome). My question
is whether blue dot in google maps is implemented as a marker which changes its
position or is it an inbuilt property of google maps which we can use.
i am using google maps API v3 to do this.
Thanks for any information.
It's a marker with custom icon which is placed with HTML 5 position provided by most recent browsers.
When the position change, you can change marker position.
http://www.kmcgraphics.com/google/

How to show a message in the Google Maps?

I'm trying Google Maps JavaScript API v2. I want to show a message in the map. No matter how I drag or zoom the map, the message will keep in the same place. How can I do that?
Any help is appreciated.
If I get this right,why don't you make a div that changes location using the animation of jquery?