Cordova-plugin-googlemaps: Android Background is set automatically without initalizing map

[Emadello]

Why do I get a blank white page even if I didn't initialize the map? I have a page with a background: url('bg1.png') but it totally ignores this and display a while background

[wf9a5m75]

https://github.com/mapsplugin/cordova-plugin-googlemaps/blob/master/README.md#how-does-this-plugin-work

[Emadello]

Hello,

I understand that the plugin sets the background as transparent, but shouldn't it does that only if I load a map?

Version 1.4 didnt have this issue, but it gives an error now on android, tried 1.4.1 up till 1.4.6 but each version gives a different error.

[Emadello]

Is there a way i override the transparent background that this plugin sets? Or disable changing background to transparent if i didnt initiate the plugin?

Or i can revert back to v1.4 but please let me know which version is stable with cordova android 7.0.0

[wf9a5m75]

The maps plugin changes the background if you execute 'map.getMap()'

[wf9a5m75]

Here is evidence. This plugin changes the background color of only necessary elements.
https://github.com/mapsplugin/cordova-plugin-googlemaps/blob/4bc39caafe52815148892956197500bb44238ce0/www/Map.js#L209-L221

[Emadello]

Actually it changes the background even if map.getMap() is not called

[Emadello]

Im not calling map.getMap() and the background of all pages are changed, just installing the plugin does that, if i uninstall the plugin all backgrounds work normally again

[wf9a5m75]

Can you read the above code?

[wf9a5m75]

This plugin is fully open source code.
Please find which code is the problem.
https://github.com/mapsplugin/cordova-plugin-googlemaps/tree/master/www

[Emadello]

Thanks, will fork and try to fix

[Emadello]

I figured out what's the problem, the plugin conflicts with another plugin which is NativePageTransitions (widely used plugin) https://github.com/Telerik-Verified-Plugins/NativePageTransitions

When i install nativepagetransitions I get a blank screen as if I called map.getMap(), can you take a look? I'm currently looking at why it conflicts and will update you

[Emadello]

And by the way it happens on iOS and Android

[wf9a5m75]

Conflicting with other plugins are not my cover area.

[Bhavana-S]

Adding cordova google maps plugin is affecting all the html background color and background images, without using or calling the map.getMap(). It has been quite a long time this issue is raised by others but still could not find solution.

Please help me out if any one have solved this problem. Or is there any other way to handle this problem.

Thanks in advance.

[jainsuneet]

Adding cordova google maps plugin is affecting all the html background color and background images, without using or calling the map.getMap(). It has been quite a long time this issue is raised by others but still could not find solution.

Please help me out if any one have solved this problem. Or is there any other way to handle this problem.

Thanks in advance.

Have you got any solution for this. I am still struggling with the same issue with latest stable version as well.

[Bhavana-S]

Could not stick on cordova plugin for this issue. So as an alternative used Google javascript api which is really good to work on - https://developers.google.com/maps/documentation/javascript/tutorial

[ZumelzuR]

This plugin not take the parent html object ( the container object) at all, just used the body element of the index.html. This is mark "not a bug" but is a bug and big one, so I recommend to first change the label of this issue and then change the description on the readme bellow "how-does-this-plugin-work" section and remove or put that "The benefit of this plugin is the ability to automatically detect which HTML elements are over the map or not." is not working at all.

Owners should mark this as a bug and then we can do a proper fix.

(Also this is a cordova plugin that mainly apps in ionic will use, and this is not working as expected in ionic)

I think that this issue if not happen always, just happen when you use the plugin inside a angular component like for example. Anyways this is something common and sshould be cover by the plugin so we can do a fix for these cases.

[wf9a5m75]

You don't need to use this plugin mandatory.
Since this plugin uses a native Google Maps view, which is NOT HTML element, we can not put a map view over the body. If put it, you can not put any HTML elements on the map, even a dialog box.

If you say "this is a big", ok, please fix it. All source code is open.
If you can't do that, please don't use this plugin.

[ZumelzuR]

You don't need to use this plugin mandatory.
Since this plugin uses a native Google Maps view, which is NOT HTML element, we can not put a map view over the body. If put it, you can not put any HTML elements on the map, even a dialog box.

If you say "this is a big", ok, please fix it. All source code is open.
If you can't do that, please don't use this plugin.

I think that nobody will fix an issue if you tagged as "not bug". And we know that is not HTML element, but please not put in the description that automatically will take the parent html object if is not. I mean, if this is supposed to be like that, at least remove the tag "not a bug" and open this thread, then maybe me or other developers will fix this on the project.

[wf9a5m75]

You can do that. You can send a pull request anytime

[wf9a5m75]

Again, this is open source. If you don't like this plugin code behavior, please send a pull request. Handing the background is in JS code. You only need to know JavaScript

[ZumelzuR]

Yes thank you I will check. Anyway you should remove the not bug tag if this is a bug. If something is expected and not happen is not about "I like", is about what is expected, so again maybe you should remove the not a bug in this thread, maybe you have more luck in get fixes on this plugin :)

**

The benefit of this plugin is the ability to automatically detect which HTML elements are over the map or not.

For instance, in the image below, say you tap on the header div (which is over the map view). The plugin will detect whether your tap is for the header div or for the map view and then pass the touch event appropriately.

This means you can use the native Google Maps views similar to HTML elements.

This will not happen in ionic = is a bug

[wf9a5m75]

No. This is not a bug. Because I designed originally. Don't expect other developers. Please do your best.