openlayers 3 with mapproxy Black area inside map
<p>I have a problem when use Ol3 with Mapproxy and Mapnik to get the layers from OSM database.
when I convert my work from Ol2 to Ol3 I see something wrong when I zoom in/out in map I get some black area and Thank you for help :)</p>

<p>This is my code to show the map</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>map = new ol.Map({
            loadTilesWhileAnimating: true,
            loadTilesWhileInteracting: true,
            target : "map",
            controls: ol.control.defaults({
                attributionOptions: /** @type {olx.control.AttributionOptions} */ ({
                    collapsible: false
                    })
            }).extend([mousePositionControl]),
            view: new ol.View({
               projection: "EPSG:4326",
               center: myLatLng,
               zoom : 6
            }),
            overlays: [overlay],
            layers: [new ol.layer.Tile({
                                    title: "base Layer",
                                    type: 'base',
                                    visible: true,
                                    source: new ol.source.TileWMS({
                                      projection: "EPSG:4326",
                                      url: 'http://localhost:8080/service?',
                                      params: {
                                        'LAYERS': "baseLayer"
                                      }
                                    })
                                  })
            ]
        });</code></pre>
</div>
</div>
</p>

<p>Some image from my problem this map for Iraq</p>

<p><img src="https://i.stack.imgur.com/1RfmM.png" alt="enter image description here"></p>