Black Screen

[jaredgreener]

I am getting a black screen when using this plugin... Geolocating myself and the maps center works, but the whole screen is black. I am using Sencha Touch and Cordova. Any ideas??

[wf9a5m75]

Can you see the screen capture?

[jaredgreener]

[jaredgreener]

This is the simulator but does same on iOS device

[wf9a5m75]

Hmm, I've never seen like this. Is there any error log in xcode?

[jaredgreener]

no...

[jaredgreener]

I saw another thread speaking of a black screen -- but they said it had something to do with their framework ionic. I am not using ionic, but maybe its related? They said they fixed it by wrapping it in a special kind of div...

[wf9a5m75]

Did you try to create a new project that just use only this plugin?

[hirbod]

The map is there, try to look in the DOM Inspector. Seems like this plugin set background color to rgba(0,0,0,0) but somehow another CSS or inline-setting changed the opacity to 1.

Bubble up every single DOM-node from your #map till html and check the CSS. Sometimes, there are some absolute positioned elements which haven't been set transparent correctly (remeber, the map is placed under the webview, therefor every single element infront of the map had to be transparent).

I had the same problem once with OnsenUI and fixed this problem (a little js magic to remove/make elements transparent after map-init, sometimes related on timing issues)

[wf9a5m75]

Thanks @Hirbod :+1:

[wf9a5m75]

@jaredgreener Is there any update?

[saputro-dwy]

excuse me, @Hirbod, i have same problem with onsen ui, when i use slide menu, can you explain me, how it work in slide menu i have try with code -> map.setVisible(false); and show again with -> map.refreshLayout();map.setVisible(true) thank you

[denisgaletin]

I have the same problem, @saputro-dwy ! Can somebody explain how to fix it?

[wf9a5m75]

Read this thread https://github.com/wf9a5m75/phonegap-googlemaps-plugin/issues/374

[wf9a5m75]

@denisgaletin Did you read #374?

[denisgaletin]

@wf9a5m75 Sorry, my English is bad.. I dont understand the solution to a problem.

[wf9a5m75]

Ok, what plugins do you use? Could you show me the result of $> cordova plugin list command?

[denisgaletin]

android.support.v4 21.0.1 "Android Support v4" com.google.playservices 21.0.0 "Google Play Services for Android" org.apache.cordova.splashscreen 1.0.0 "Splashscreen" plugin.google.maps 1.2.4 "phonegap-googlemaps-plugin" plugin.http.request 1.0.0 "phonegap-http-request"

[wf9a5m75]

Oops, I missed. You are not talking about black screen.

Could you show me the screen capture?

[denisgaletin]

http://www.youtube.com/watch?v=RWfZIk8BX_U My problem is very similar, but it appears, when i'm using slide menu.

[denisgaletin]

I'm using onsen ui

[wf9a5m75]

Thanks, your problem is similar with the first person's one.

Anyway, I think there are some errors in your code. Because the map is displayed at the first time, thus the map plugin works perfectly.

Could you share your code with me using github?

If you don't publish your code in public, use private repository, or compress your whole project files with zip, upload to your google drive, then share with me and @Hirbod: wf9a5m75@gmail.com and info@nightstomp.com

[wf9a5m75]

@denisgaletin I checked your project file, but the JavaScript file is completely different from your youtube demo.

[denisgaletin]

It's not my youtube video, it is just an example.

[wf9a5m75]

I can not your code in the files.

[denisgaletin]

hi, i'm a beginner. code is located: platforms/android/assets/www

[wf9a5m75]

Ok, I'll check there again. Just a moment please.

[wf9a5m75]

I can not read Russian language. How do I check your code? Please instruct me (e-mail is fine)

[denisgaletin]

Okay, just a second

[wf9a5m75]

@denisgaletin Any updates?

[hirbod]

closed for now, if we receive any further updates or comments, we'll reopen - if this issue still exists!