Zooming Map goes black

When zooming in on a map it goes completely black. I have tried uploading the map as png jpg and gif I have tried quartering the map and loading sections Lo res jpg 456kb set to 60 x 60 units on a 160x160 map goes black at 50% zoom

I should add Google Chrome browser with no extensions installed on Mac OS X 10.9.4

Please go to <a href="https://wiki.roll20.net/Solving_Technical_Issues" rel="nofollow">https://wiki.roll20.net/Solving_Technical_Issues</a> and follow the steps. Also, please send me a join link. I'd like to take a look.

Paul B. said: I should add Google Chrome browser with no extensions installed on Mac OS X 10.9.4 Have you tried in with Safari browser? That is the native browser for Macs.

Same problem with Safari and Chrome is preferable for game play because Safari does not support 3d dice

Ok, just was wondering. I'm going to assume you made sure all your drivers are updated and you followed the instructions on the wiki page that Gauss posted. If you have the console log, you want to post it? Someone might be able to make heads or tails out of it.

I've tried the Solving Tech Issues and sent you a link Gauss - thanks

Refused to execute inline script because it violates the following Content Security Policy directive: "script-src 'self' 'unsafe-eval' https://*.googlesyndication.com https://*.doubleclick.net <a href="https://partner.googleadservices.com" rel="nofollow">https://partner.googleadservices.com</a> <a href="https://www.googletagservices.com" rel="nofollow">https://www.googletagservices.com</a> <a href="https://ssl.google-analytics.com" rel="nofollow">https://ssl.google-analytics.com</a> <a href="https://ajax.googleapis.com" rel="nofollow">https://ajax.googleapis.com</a> <a href="https://d3clqjduf2gvxg.cloudfront.net" rel="nofollow">https://d3clqjduf2gvxg.cloudfront.net</a> <a href="https://cdn.firebase.com" rel="nofollow">https://cdn.firebase.com</a> https://*.firebaseio.com https://*.tokbox.com https://*.opentok.com <a href="http://static.opentok.com" rel="nofollow">http://static.opentok.com</a>". Either the 'unsafe-inline' keyword, a hash ('sha256-...'), or a nonce ('nonce-...') is required to enable inline execution. app.roll20.net/editor/:8 Refused to execute inline script because it violates the following Content Security Policy directive: "script-src 'self' 'unsafe-eval' https://*.googlesyndication.com https://*.doubleclick.net <a href="https://partner.googleadservices.com" rel="nofollow">https://partner.googleadservices.com</a> <a href="https://www.googletagservices.com" rel="nofollow">https://www.googletagservices.com</a> <a href="https://ssl.google-analytics.com" rel="nofollow">https://ssl.google-analytics.com</a> <a href="https://ajax.googleapis.com" rel="nofollow">https://ajax.googleapis.com</a> <a href="https://d3clqjduf2gvxg.cloudfront.net" rel="nofollow">https://d3clqjduf2gvxg.cloudfront.net</a> <a href="https://cdn.firebase.com" rel="nofollow">https://cdn.firebase.com</a> https://*.firebaseio.com https://*.tokbox.com https://*.opentok.com <a href="http://static.opentok.com" rel="nofollow">http://static.opentok.com</a>". Either the 'unsafe-inline' keyword, a hash ('sha256-...'), or a nonce ('nonce-...') is required to enable inline execution. app.roll20.net/editor/:9 70 app.js?1409801439:22 TOUCH SUPPORTED: false app.js?1409801439:23 USING WEBGL ACCELERATION... app.js?1409801439:23 select app.js?1409801439:18 Switch mode to select app.js?1409801439:18 Initializing new dice engine with randomness... app.js?1409801439:32 Using random entropy app.js?1409801439:32 window resize app.js?1409801439:35 Final set zoom! app.js?1409801439:23 UPDATE GL SIZE! app.js?1409801439:23 Final set zoom! app.js?1409801439:23 tuts loaded tutorial_tips.js:7 2Refused to execute JavaScript URL because it violates the following Content Security Policy directive: "script-src 'self' 'unsafe-eval' https://*.googlesyndication.com https://*.doubleclick.net <a href="https://partner.googleadservices.com" rel="nofollow">https://partner.googleadservices.com</a> <a href="https://www.googletagservices.com" rel="nofollow">https://www.googletagservices.com</a> <a href="https://ssl.google-analytics.com" rel="nofollow">https://ssl.google-analytics.com</a> <a href="https://ajax.googleapis.com" rel="nofollow">https://ajax.googleapis.com</a> <a href="https://d3clqjduf2gvxg.cloudfront.net" rel="nofollow">https://d3clqjduf2gvxg.cloudfront.net</a> <a href="https://cdn.firebase.com" rel="nofollow">https://cdn.firebase.com</a> https://*.firebaseio.com https://*.tokbox.com https://*.opentok.com <a href="http://static.opentok.com" rel="nofollow">http://static.opentok.com</a>". Either the 'unsafe-inline' keyword, a hash ('sha256-...'), or a nonce ('nonce-...') is required to enable inline execution. about:blank:1 Refused to execute inline script because it violates the following Content Security Policy directive: "script-src 'self' 'unsafe-eval' https://*.googlesyndication.com https://*.doubleclick.net <a href="https://partner.googleadservices.com" rel="nofollow">https://partner.googleadservices.com</a> <a href="https://www.googletagservices.com" rel="nofollow">https://www.googletagservices.com</a> <a href="https://ssl.google-analytics.com" rel="nofollow">https://ssl.google-analytics.com</a> <a href="https://ajax.googleapis.com" rel="nofollow">https://ajax.googleapis.com</a> <a href="https://d3clqjduf2gvxg.cloudfront.net" rel="nofollow">https://d3clqjduf2gvxg.cloudfront.net</a> <a href="https://cdn.firebase.com" rel="nofollow">https://cdn.firebase.com</a> https://*.firebaseio.com https://*.tokbox.com https://*.opentok.com <a href="http://static.opentok.com" rel="nofollow">http://static.opentok.com</a>". Either the 'unsafe-inline' keyword, a hash ('sha256-...'), or a nonce ('nonce-...') is required to enable inline execution. app.roll20.net/:1 Final page load. app.js?1409801439:28 Scan for new plays! app.js?1409801439:28 Auth'ed. app.js?1409801439:28 Go post auth! app.js?1409801439:28 initial setup app.js?1409801439:28 Got players value... app.js?1409801439:28 joining game... app.js?1409801439:28 THREE.WebGLRenderer 49 app.js?1409801439:10 2WebGL: INVALID_OPERATION: getAttribLocation: program not linked app.roll20.net/:1 8WebGL: INVALID_OPERATION: getUniformLocation: program not linked app.roll20.net/:1 Player -J-w7LY345ommUCU1ZV0 is offline... app.js?1409801439:26 Player -J-w8bXsXFSkyNCbHiy1 is offline... app.js?1409801439:26 Player -JOZ-JHPyL-m4szVIG0E is offline... app.js?1409801439:26 Deferred finish joining... app.js?1409801439:28 Firebase Online app.js?1409801439:22 refershing page listings! app.js?1409801439:30 7Full load page! app.js?1409801439:26 We have 7 pages handle page changes false app.js?1409801439:28 Do refresh link cache! app.js?1409801439:25 refershing page listings! app.js?1409801439:30 Search took 18ms app.js?1409801439:34 init active page! app.js?1409801439:28 activate page! app.js?1409801439:26 FULLY ACTIVATE VIEWS FOR PAGE. app.js?1409801439:26 initiatlizing video chat app.js?1409801439:33 Connecting to WebRTC app.js?1409801439:33 Graphics: 0 app.js?1409801439:26 Paths: 0 app.js?1409801439:26 refershing page listings! app.js?1409801439:30 Refused to execute inline event handler because it violates the following Content Security Policy directive: "script-src 'self' 'unsafe-eval' https://*.googlesyndication.com https://*.doubleclick.net <a href="https://partner.googleadservices.com" rel="nofollow">https://partner.googleadservices.com</a> <a href="https://www.googletagservices.com" rel="nofollow">https://www.googletagservices.com</a> <a href="https://ssl.google-analytics.com" rel="nofollow">https://ssl.google-analytics.com</a> <a href="https://ajax.googleapis.com" rel="nofollow">https://ajax.googleapis.com</a> <a href="https://d3clqjduf2gvxg.cloudfront.net" rel="nofollow">https://d3clqjduf2gvxg.cloudfront.net</a> <a href="https://cdn.firebase.com" rel="nofollow">https://cdn.firebase.com</a> https://*.firebaseio.com https://*.tokbox.com https://*.opentok.com <a href="http://static.opentok.com" rel="nofollow">http://static.opentok.com</a>". Either the 'unsafe-inline' keyword, a hash ('sha256-...'), or a nonce ('nonce-...') is required to enable inline execution. app.roll20.net/:1 Reorder by ZORDER app.js?1409801439:26 Applying filter app.js?1409801439:25 t app.js?1409801439:22 7Updating character sheet values app.js?1409801439:29 Swapping <a href="https://s3.amazonaws.com/files.d20.io/images/2349992/pNGyjqWT3Pybn51ncw4RgQ/med.png?13850739485" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/2349992/pNGyjqWT3Pybn51ncw4RgQ/med.png?13850739485</a> to <a href="https://s3.amazonaws.com/files.d20.io/images/2349992/pNGyjqWT3Pybn51ncw4RgQ/thumb.png?13850739485" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/2349992/pNGyjqWT3Pybn51ncw4RgQ/thumb.png?13850739485</a> app.js?1409801439:25 Swapping <a href="https://s3.amazonaws.com/files.d20.io/images/2349964/EhxFY1CtKX8_q4guNbslVg/med.png?13850736115" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/2349964/EhxFY1CtKX8_q4guNbslVg/med.png?13850736115</a> to <a href="https://s3.amazonaws.com/files.d20.io/images/2349964/EhxFY1CtKX8_q4guNbslVg/thumb.png?13850736115" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/2349964/EhxFY1CtKX8_q4guNbslVg/thumb.png?13850736115</a> app.js?1409801439:25 Swapping <a href="https://s3.amazonaws.com/files.d20.io/images/2351598/cHhjEFWg_j2TNjo-5dvkrQ/med.png?13850887035" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/2351598/cHhjEFWg_j2TNjo-5dvkrQ/med.png?13850887035</a> to <a href="https://s3.amazonaws.com/files.d20.io/images/2351598/cHhjEFWg_j2TNjo-5dvkrQ/thumb.png?13850887035" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/2351598/cHhjEFWg_j2TNjo-5dvkrQ/thumb.png?13850887035</a> app.js?1409801439:25 Swapping <a href="https://s3.amazonaws.com/files.d20.io/images/2351608/EzNjX19Ur4IAaD-aYxPt1A/med.png?13850887695" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/2351608/EzNjX19Ur4IAaD-aYxPt1A/med.png?13850887695</a> to <a href="https://s3.amazonaws.com/files.d20.io/images/2351608/EzNjX19Ur4IAaD-aYxPt1A/thumb.png?13850887695" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/2351608/EzNjX19Ur4IAaD-aYxPt1A/thumb.png?13850887695</a> app.js?1409801439:25 Swapping <a href="https://s3.amazonaws.com/files.d20.io/images/2373802/FAlfb8N-skILiB4TbvZy2A/med.png?13853406165" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/2373802/FAlfb8N-skILiB4TbvZy2A/med.png?13853406165</a> to <a href="https://s3.amazonaws.com/files.d20.io/images/2373802/FAlfb8N-skILiB4TbvZy2A/thumb.png?13853406165" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/2373802/FAlfb8N-skILiB4TbvZy2A/thumb.png?13853406165</a> app.js?1409801439:25 Swapping <a href="https://s3.amazonaws.com/files.d20.io/images/2373811/YSLjaBWC0na41HCBjCBeQA/med.png?13853406845" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/2373811/YSLjaBWC0na41HCBjCBeQA/med.png?13853406845</a> to <a href="https://s3.amazonaws.com/files.d20.io/images/2373811/YSLjaBWC0na41HCBjCBeQA/thumb.png?13853406845" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/2373811/YSLjaBWC0na41HCBjCBeQA/thumb.png?13853406845</a> app.js?1409801439:25 Swapping <a href="https://s3.amazonaws.com/files.d20.io/images/2349952/OjLPp6hIhucN9PXSuyf6Ng/med.png?13850733055" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/2349952/OjLPp6hIhucN9PXSuyf6Ng/med.png?13850733055</a> to <a href="https://s3.amazonaws.com/files.d20.io/images/2349952/OjLPp6hIhucN9PXSuyf6Ng/original.png?13850733055" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/2349952/OjLPp6hIhucN9PXSuyf6Ng/original.png?13850733055</a> app.js?1409801439:25 Swapping <a href="https://s3.amazonaws.com/files.d20.io/images/2350816/7W_pedcePFaaXlR9oSCrdQ/med.png?13850811695" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/2350816/7W_pedcePFaaXlR9oSCrdQ/med.png?13850811695</a> to <a href="https://s3.amazonaws.com/files.d20.io/images/2350816/7W_pedcePFaaXlR9oSCrdQ/original.png?13850811695" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/2350816/7W_pedcePFaaXlR9oSCrdQ/original.png?13850811695</a> app.js?1409801439:25 Swapping <a href="https://s3.amazonaws.com/files.d20.io/images/2373855/hdQ-iPq4On4sOz-lLRHZ8A/med.png?13853409845" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/2373855/hdQ-iPq4On4sOz-lLRHZ8A/med.png?13853409845</a> to <a href="https://s3.amazonaws.com/files.d20.io/images/2373855/hdQ-iPq4On4sOz-lLRHZ8A/thumb.png?13853409845" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/2373855/hdQ-iPq4On4sOz-lLRHZ8A/thumb.png?13853409845</a> app.js?1409801439:25 Swapping <a href="https://s3.amazonaws.com/files.d20.io/images/2373867/cdbW4D-VLh-c2v-cE4aLbQ/med.png?13853410445" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/2373867/cdbW4D-VLh-c2v-cE4aLbQ/med.png?13853410445</a> to <a href="https://s3.amazonaws.com/files.d20.io/images/2373867/cdbW4D-VLh-c2v-cE4aLbQ/thumb.png?13853410445" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/2373867/cdbW4D-VLh-c2v-cE4aLbQ/thumb.png?13853410445</a> app.js?1409801439:25 Swapping <a href="https://s3.amazonaws.com/files.d20.io/images/2373872/QG9Wbc55WwHts9Lb6xeNDg/med.png?13853410865" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/2373872/QG9Wbc55WwHts9Lb6xeNDg/med.png?13853410865</a> to <a href="https://s3.amazonaws.com/files.d20.io/images/2373872/QG9Wbc55WwHts9Lb6xeNDg/thumb.png?13853410865" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/2373872/QG9Wbc55WwHts9Lb6xeNDg/thumb.png?13853410865</a> app.js?1409801439:25 Swapping <a href="https://s3.amazonaws.com/files.d20.io/images/2373754/1A-zGvGYYXYRZocsSUN-Vg/med.png?13853403135" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/2373754/1A-zGvGYYXYRZocsSUN-Vg/med.png?13853403135</a> to <a href="https://s3.amazonaws.com/files.d20.io/images/2373754/1A-zGvGYYXYRZocsSUN-Vg/original.png?13853403135" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/2373754/1A-zGvGYYXYRZocsSUN-Vg/original.png?13853403135</a> app.js?1409801439:25 2Swapping <a href="https://s3.amazonaws.com/files.d20.io/images/2373924/WmTZQPF1NlFUur-TUW8-uA/thumb.png?1385341455555" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/2373924/WmTZQPF1NlFUur-TUW8-uA/thumb.png?1385341455555</a> to <a href="https://s3.amazonaws.com/files.d20.io/images/2373924/WmTZQPF1NlFUur-TUW8-uA/med.png?1385341455555" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/2373924/WmTZQPF1NlFUur-TUW8-uA/med.png?1385341455555</a> app.js?1409801439:25 Swapping <a href="https://s3.amazonaws.com/files.d20.io/images/2373924/WmTZQPF1NlFUur-TUW8-uA/thumb.png?138534145555" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/2373924/WmTZQPF1NlFUur-TUW8-uA/thumb.png?138534145555</a> to <a href="https://s3.amazonaws.com/files.d20.io/images/2373924/WmTZQPF1NlFUur-TUW8-uA/med.png?138534145555" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/2373924/WmTZQPF1NlFUur-TUW8-uA/med.png?138534145555</a> app.js?1409801439:25 Applying filter app.js?1409801439:25 t app.js?1409801439:22 Applying filter app.js?1409801439:25 t app.js?1409801439:22 Applying filter app.js?1409801439:25 t app.js?1409801439:22 Swapping <a href="https://s3.amazonaws.com/files.d20.io/images/2814600/OvcAyXTdsvwZ9BdhTj88PA/med.png?13902636475" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/2814600/OvcAyXTdsvwZ9BdhTj88PA/med.png?13902636475</a> to <a href="https://s3.amazonaws.com/files.d20.io/images/2814600/OvcAyXTdsvwZ9BdhTj88PA/thumb.png?13902636475" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/2814600/OvcAyXTdsvwZ9BdhTj88PA/thumb.png?13902636475</a> app.js?1409801439:25 Swapping <a href="https://s3.amazonaws.com/files.d20.io/images/2814607/sGcoIUsf9dxn-KgEyb-adQ/med.png?13902636815" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/2814607/sGcoIUsf9dxn-KgEyb-adQ/med.png?13902636815</a> to <a href="https://s3.amazonaws.com/files.d20.io/images/2814607/sGcoIUsf9dxn-KgEyb-adQ/thumb.png?13902636815" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/2814607/sGcoIUsf9dxn-KgEyb-adQ/thumb.png?13902636815</a> app.js?1409801439:25 Swapping <a href="https://s3.amazonaws.com/files.d20.io/images/2814592/u4lg9XopkKceN_1B2LT3eA/med.png?13902636185" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/2814592/u4lg9XopkKceN_1B2LT3eA/med.png?13902636185</a> to <a href="https://s3.amazonaws.com/files.d20.io/images/2814592/u4lg9XopkKceN_1B2LT3eA/thumb.png?13902636185" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/2814592/u4lg9XopkKceN_1B2LT3eA/thumb.png?13902636185</a> app.js?1409801439:25 Swapping <a href="https://s3.amazonaws.com/files.d20.io/images/2814732/vCtNgVZ4y7V5Z6wAe73QgA/med.png?13902643535" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/2814732/vCtNgVZ4y7V5Z6wAe73QgA/med.png?13902643535</a> to <a href="https://s3.amazonaws.com/files.d20.io/images/2814732/vCtNgVZ4y7V5Z6wAe73QgA/thumb.png?13902643535" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/2814732/vCtNgVZ4y7V5Z6wAe73QgA/thumb.png?13902643535</a> app.js?1409801439:25 Applying filter app.js?1409801439:25 t app.js?1409801439:22 Applying filter app.js?1409801439:25 t app.js?1409801439:22 Applying filter app.js?1409801439:25 t app.js?1409801439:22 Applying filter app.js?1409801439:25 t app.js?1409801439:22 Applying filter app.js?1409801439:25 t app.js?1409801439:22 Applying filter app.js?1409801439:25 t app.js?1409801439:22 Applying filter app.js?1409801439:25 t app.js?1409801439:22 Applying filter app.js?1409801439:25 t app.js?1409801439:22 Applying filter app.js?1409801439:25 t app.js?1409801439:22 Applying filter app.js?1409801439:25 t app.js?1409801439:22 Applying filter app.js?1409801439:25 t app.js?1409801439:22 Applying filter app.js?1409801439:25 t app.js?1409801439:22 Applying filter app.js?1409801439:25 t app.js?1409801439:22 Applying filter app.js?1409801439:25 t app.js?1409801439:22 Applying filter app.js?1409801439:25 t app.js?1409801439:22 Applying filter app.js?1409801439:25 t app.js?1409801439:22 Applying filter app.js?1409801439:25 t app.js?1409801439:22 Applying filter app.js?1409801439:25 t app.js?1409801439:22 Applying filter app.js?1409801439:25 t app.js?1409801439:22 Applying filter app.js?1409801439:25 t app.js?1409801439:22 Applying filter app.js?1409801439:25 t app.js?1409801439:22 Applying filter app.js?1409801439:25 t app.js?1409801439:22 Applying filter app.js?1409801439:25 t app.js?1409801439:22 Applying filter app.js?1409801439:25 t app.js?1409801439:22 Applying filter app.js?1409801439:25 t app.js?1409801439:22 Applying filter app.js?1409801439:25 t app.js?1409801439:22 Swapping <a href="https://s3.amazonaws.com/files.d20.io/images/2814885/h8aVVUDdto9dS9leTCfnQA/med.png?13902652335" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/2814885/h8aVVUDdto9dS9leTCfnQA/med.png?13902652335</a> to <a href="https://s3.amazonaws.com/files.d20.io/images/2814885/h8aVVUDdto9dS9leTCfnQA/thumb.png?13902652335" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/2814885/h8aVVUDdto9dS9leTCfnQA/thumb.png?13902652335</a> app.js?1409801439:25 Applying filter app.js?1409801439:25 t app.js?1409801439:22 Applying filter app.js?1409801439:25 t app.js?1409801439:22 Applying filter app.js?1409801439:25 t app.js?1409801439:22 Applying filter app.js?1409801439:25 t app.js?1409801439:22 Applying filter app.js?1409801439:25 t app.js?1409801439:22 Applying filter app.js?1409801439:25 t app.js?1409801439:22 Applying filter app.js?1409801439:25 t app.js?1409801439:22 Applying filter app.js?1409801439:25 t app.js?1409801439:22 Applying filter app.js?1409801439:25 t app.js?1409801439:22 Applying filter app.js?1409801439:25 t app.js?1409801439:22 Applying filter app.js?1409801439:25 t app.js?1409801439:22 Applying filter app.js?1409801439:25 t app.js?1409801439:22 Applying filter app.js?1409801439:25 t app.js?1409801439:22 Applying filter app.js?1409801439:25 t app.js?1409801439:22 Swapping <a href="https://s3.amazonaws.com/files.d20.io/images/2866897/ROdGio4FdwNgxQTDwHevMg/med.png?13906836315" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/2866897/ROdGio4FdwNgxQTDwHevMg/med.png?13906836315</a> to <a href="https://s3.amazonaws.com/files.d20.io/images/2866897/ROdGio4FdwNgxQTDwHevMg/thumb.png?13906836315" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/2866897/ROdGio4FdwNgxQTDwHevMg/thumb.png?13906836315</a> app.js?1409801439:25 Swapping <a href="https://s3.amazonaws.com/files.d20.io/images/2867003/giv2o6On3Jam3u4Eivpz_w/med.png?13906839375" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/2867003/giv2o6On3Jam3u4Eivpz_w/med.png?13906839375</a> to <a href="https://s3.amazonaws.com/files.d20.io/images/2867003/giv2o6On3Jam3u4Eivpz_w/thumb.png?13906839375" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/2867003/giv2o6On3Jam3u4Eivpz_w/thumb.png?13906839375</a> app.js?1409801439:25 Swapping <a href="https://s3.amazonaws.com/files.d20.io/images/2339061/v47-RtT_TqGWgnKusEtGFA/thumb.png?138490421455" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/2339061/v47-RtT_TqGWgnKusEtGFA/thumb.png?138490421455</a> to <a href="https://s3.amazonaws.com/files.d20.io/images/2339061/v47-RtT_TqGWgnKusEtGFA/med.png?138490421455" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/2339061/v47-RtT_TqGWgnKusEtGFA/med.png?138490421455</a> app.js?1409801439:25 Swapping <a href="https://s3.amazonaws.com/files.d20.io/images/2867833/KSBAu7hYM6wbDJ7PMjmW_w/med.png?13906877185" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/2867833/KSBAu7hYM6wbDJ7PMjmW_w/med.png?13906877185</a> to <a href="https://s3.amazonaws.com/files.d20.io/images/2867833/KSBAu7hYM6wbDJ7PMjmW_w/thumb.png?13906877185" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/2867833/KSBAu7hYM6wbDJ7PMjmW_w/thumb.png?13906877185</a> app.js?1409801439:25 Swapping <a href="https://s3.amazonaws.com/files.d20.io/images/2867896/_pWdECg7m8cjP4FTAE1FKA/med.png?13906879225" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/2867896/_pWdECg7m8cjP4FTAE1FKA/med.png?13906879225</a> to <a href="https://s3.amazonaws.com/files.d20.io/images/2867896/_pWdECg7m8cjP4FTAE1FKA/thumb.png?13906879225" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/2867896/_pWdECg7m8cjP4FTAE1FKA/thumb.png?13906879225</a> app.js?1409801439:25 Applying filter app.js?1409801439:25 t app.js?1409801439:22 Applying filter app.js?1409801439:25 t app.js?1409801439:22 Applying filter app.js?1409801439:25 t app.js?1409801439:22 Applying filter app.js?1409801439:25 t app.js?1409801439:22 Applying filter app.js?1409801439:25 t app.js?1409801439:22 Swapping <a href="https://s3.amazonaws.com/files.d20.io/images/2867741/Xn3CvfJlO-vY5vYb0lIjmQ/med.png?13906873155" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/2867741/Xn3CvfJlO-vY5vYb0lIjmQ/med.png?13906873155</a> to <a href="https://s3.amazonaws.com/files.d20.io/images/2867741/Xn3CvfJlO-vY5vYb0lIjmQ/thumb.png?13906873155" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/2867741/Xn3CvfJlO-vY5vYb0lIjmQ/thumb.png?13906873155</a> app.js?1409801439:25 Applying filter app.js?1409801439:25 t app.js?1409801439:22 Applying filter app.js?1409801439:25 t app.js?1409801439:22 Applying filter app.js?1409801439:25 t app.js?1409801439:22 Applying filter app.js?1409801439:25 t app.js?1409801439:22 Applying filter app.js?1409801439:25 t app.js?1409801439:22 Swapping <a href="https://s3.amazonaws.com/files.d20.io/images/5520355/EGqkSCt5DlsEYFkiegzKDw/med.jpg?14103015335" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/5520355/EGqkSCt5DlsEYFkiegzKDw/med.jpg?14103015335</a> to <a href="https://s3.amazonaws.com/files.d20.io/images/5520355/EGqkSCt5DlsEYFkiegzKDw/thumb.jpg?14103015335" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/5520355/EGqkSCt5DlsEYFkiegzKDw/thumb.jpg?14103015335</a> app.js?1409801439:25 Applying filter app.js?1409801439:25 t app.js?1409801439:22 27setting src app.js?1409801439:25 Reorder by ZORDER app.js?1409801439:26 Connected to session app.js?1409801439:33 Someone just connected. app.js?1409801439:33 It's us? app.js?1409801439:33 Body drop! app.js?1409801439:35 refershing page listings! app.js?1409801439:30 init active page! app.js?1409801439:28 activate page! app.js?1409801439:26 FULLY ACTIVATE VIEWS FOR PAGE. app.js?1409801439:26 Graphics: 1 app.js?1409801439:26 Paths: 0 app.js?1409801439:26 Reorder by ZORDER app.js?1409801439:26 Swapping <a href="https://s3.amazonaws.com/files.d20.io/images/5688816/D4BmnSUbEsXPcfQrMp3tIw/med.jpg?14114309425" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/5688816/D4BmnSUbEsXPcfQrMp3tIw/med.jpg?14114309425</a> to <a href="https://s3.amazonaws.com/files.d20.io/images/5688816/D4BmnSUbEsXPcfQrMp3tIw/original.jpg?14114309425" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/5688816/D4BmnSUbEsXPcfQrMp3tIw/original.jpg?14114309425</a> app.js?1409801439:25 setting src app.js?1409801439:25 Cols: 3 Rows: 3 app.js?1409801439:21 Took 290ms to generate cache. app.js?1409801439:21 Reorder by ZORDER app.js?1409801439:26 refershing page listings! app.js?1409801439:30 Refused to execute inline event handler because it violates the following Content Security Policy directive: "script-src 'self' 'unsafe-eval' https://*.googlesyndication.com https://*.doubleclick.net <a href="https://partner.googleadservices.com" rel="nofollow">https://partner.googleadservices.com</a> <a href="https://www.googletagservices.com" rel="nofollow">https://www.googletagservices.com</a> <a href="https://ssl.google-analytics.com" rel="nofollow">https://ssl.google-analytics.com</a> <a href="https://ajax.googleapis.com" rel="nofollow">https://ajax.googleapis.com</a> <a href="https://d3clqjduf2gvxg.cloudfront.net" rel="nofollow">https://d3clqjduf2gvxg.cloudfront.net</a> <a href="https://cdn.firebase.com" rel="nofollow">https://cdn.firebase.com</a> https://*.firebaseio.com https://*.tokbox.com https://*.opentok.com <a href="http://static.opentok.com" rel="nofollow">http://static.opentok.com</a>". Either the 'unsafe-inline' keyword, a hash ('sha256-...'), or a nonce ('nonce-...') is required to enable inline execution. app.roll20.net/:1 handle page changes app.js?1409801439:28 false app.js?1409801439:28 init active page! app.js?1409801439:28 activate page! app.js?1409801439:26 FULLY ACTIVATE VIEWS FOR PAGE. app.js?1409801439:26 Graphics: 1 app.js?1409801439:26 Paths: 0 app.js?1409801439:26 Reorder by ZORDER app.js?1409801439:26 refershing page listings! app.js?1409801439:30 Final set zoom! app.js?1409801439:23 Array[2] app.js?1409801439:23 UPDATE GL SIZE! app.js?1409801439:23 Debounced init page! app.js?1409801439:23 init active page! app.js?1409801439:28 Swapping <a href="https://s3.amazonaws.com/files.d20.io/images/5688816/D4BmnSUbEsXPcfQrMp3tIw/original.jpg?14114309425" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/5688816/D4BmnSUbEsXPcfQrMp3tIw/original.jpg?14114309425</a> to <a href="https://s3.amazonaws.com/files.d20.io/images/5688816/D4BmnSUbEsXPcfQrMp3tIw/max.jpg?14114309425" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/5688816/D4BmnSUbEsXPcfQrMp3tIw/max.jpg?14114309425</a> app.js?1409801439:25 setting src app.js?1409801439:25 Cols: 2 Rows: 2 app.js?1409801439:21 Took 45ms to generate cache. app.js?1409801439:21 refershing page listings! app.js?1409801439:30 activate page! app.js?1409801439:26 FULLY ACTIVATE VIEWS FOR PAGE. app.js?1409801439:26 Final set zoom! app.js?1409801439:23 Array[2] app.js?1409801439:23 UPDATE GL SIZE! app.js?1409801439:23 Debounced init page! app.js?1409801439:23 init active page! Swapping <a href="https://s3.amazonaws.com/files.d20.io/images/5688816/D4BmnSUbEsXPcfQrMp3tIw/max.jpg?14114309425" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/5688816/D4BmnSUbEsXPcfQrMp3tIw/max.jpg?14114309425</a> to <a href="https://s3.amazonaws.com/files.d20.io/images/5688816/D4BmnSUbEsXPcfQrMp3tIw/original.jpg?14114309425" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/5688816/D4BmnSUbEsXPcfQrMp3tIw/original.jpg?14114309425</a> setting src Cols: 3 Rows: 3 Took 224ms to generate cache. refershing page listings! Final set zoom! Array[2] UPDATE GL SIZE! Debounced init page! init active page! Swapping <a href="https://s3.amazonaws.com/files.d20.io/images/5688816/D4BmnSUbEsXPcfQrMp3tIw/original.jpg?14114309425" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/5688816/D4BmnSUbEsXPcfQrMp3tIw/original.jpg?14114309425</a> to <a href="https://s3.amazonaws.com/files.d20.io/images/5688816/D4BmnSUbEsXPcfQrMp3tIw/max.jpg?14114309425" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/5688816/D4BmnSUbEsXPcfQrMp3tIw/max.jpg?14114309425</a> setting src Cols: 2 Rows: 2 Took 49ms to generate cache. refershing page listings! window resize app.js?1409801439:35 Final set zoom! app.js?1409801439:23 [1562.5, 937.5] app.js?1409801439:23 UPDATE GL SIZE! app.js?1409801439:23 UPDATE GL SIZE! app.js?1409801439:23 Final set zoom! app.js?1409801439:23 [1562.5, 937.5] app.js?1409801439:23 UPDATE GL SIZE! app.js?1409801439:23 Debounced init page! app.js?1409801439:23 init active page! app.js?1409801439:28 refershing page listings! app.js?1409801439:30 Final set zoom! app.js?1409801439:23 [1560, 936.25] app.js?1409801439:23 UPDATE GL SIZE! app.js?1409801439:23 Debounced init page! app.js?1409801439:23 init active page! app.js?1409801439:28 Swapping <a href="https://s3.amazonaws.com/files.d20.io/images/5688816/D4BmnSUbEsXPcfQrMp3tIw/max.jpg?14114309425" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/5688816/D4BmnSUbEsXPcfQrMp3tIw/max.jpg?14114309425</a> to <a href="https://s3.amazonaws.com/files.d20.io/images/5688816/D4BmnSUbEsXPcfQrMp3tIw/original.jpg?14114309425" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/5688816/D4BmnSUbEsXPcfQrMp3tIw/original.jpg?14114309425</a> app.js?1409801439:25 setting src app.js?1409801439:25 Cols: 3 Rows: 3 app.js?1409801439:21 Took 236ms to generate cache. app.js?1409801439:21 refershing page listings! app.js?1409801439:30

Ok, I have seen this bug twice before. For some reason one of the versions (Roll20 uses up to 4 versions of an image) doesn't work right and you will see that version at certain zoom levels. Please delete the map image and upload it again to see if that fixes it. If it does not let me know and I can bump this to the Devs.

I have deleted and uploaded many times and am still seeing the same zooming problem. Sometimes the map goes black at 50% or higher and othertimes at 20% or 10% the map vanishes and all the can be seen is roll20's grid but it is fine at higher magnifications. I have not been able to load a map that zooms properly

Are these maps always black and white?

Black and white and gray

Cool, so it's not just me. I have to put "/?disablewebgl=true" at the end of the url when i enter a campaign page. Maybe it will work for you too?

Thanks. Tried it. Map does not go black but it vanishes at 10%

Somehow your images are being corrupted when you upload them. Which image size the corruption happens at (max or original but not thumb or med so far) seems to be a variable. Whether the corruption is all black or all transparent (clear) is also a variable. Note: it is not a variable when you use it, it is a variable in how it is getting corrupted. I have not been able to replicate the upload corruption with both methods of uploading (drop onto the map or using the uploader). Please try to upload your image using a different browser and see if it works that way.

Roll20 seems to have become somewhat less friendly to mac users recently. I'm getting the black screen when zooming now. It refuses to upload at all in safari, and it's apparently corrupting when uploaded in chrome.

Just a note, I have forwarded this to the Devs. It may be a Chrome+Mac issue. Billy Redd , could you provide an example of the image you are uploading that is getting corrupted? Is it a PNG or JPG?

It may be partially a Chrome + Mac issue. I tried uploading with Safari and had success with the quarter map 1mb I continued to lack success with the full map 4mb Perhaps because the 1mb map uploads more quickly it does not face corruption. It looks like I should upload with Safari and play with Chrome (to use 3d dice)

Thank you for the extra information Paul , I have forwarded it to the Devs.

Billy Redd and Paul , is this bug still occurring? If it is please do the following steps: 1) Go to: <a href="https://wiki.roll20.net/Solving_Technical_Issues" rel="nofollow">https://wiki.roll20.net/Solving_Technical_Issues</a> and follow the instructions regarding the console log. Please open your console log before uploading the image that is breaking. 2) Upload the image. 3) If the image broke, please provide the console log here. 4) Create a map and label it "Broken image" and place the broken image on that map. 5) Post the campaign details link here (not the Join link). 6) Post the specs on your computer here. 7) Email the image that is breaking to <a href="mailto:Gauss_Death1@msn.com" rel="nofollow">Gauss_Death1@msn.com</a>

I had this issue when uploading larger pictures with Chrome on OSX. When I uploaded the same image in Safari it worked fine.

Ari , I asked the same questions in the thread you started. If you could supply the answers that would help a lot with resolving this. Thanks.