<html><head></head><body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; ">Hi list,<div><br></div><div>I encountered a strange behavior I don't understand: Sometimes I want to cover my whole world map with a dark layer except a distinct region. This is meant to emphasize a certain region of the world. My approach is creating a polygon with the size of the earth and a hole with the region of interest. Looks like this:</div><div><blockquote type="cite"><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 11px/normal Monaco; "><span class="Apple-tab-span" style="white-space:pre"> </span><span style="color: #8f0d69">var</span> world = <span style="color: #8f0d69">new</span> OpenLayers.Geometry.LinearRing([<span style="color: #8f0d69">new</span> OpenLayers.Geometry.Point(-20037508.34, -20037508.34), <span style="color: #8f0d69">new</span> OpenLayers.Geometry.Point(-20037508.34, 20037508.34), <span style="color: #8f0d69">new</span> OpenLayers.Geometry.Point(20037508.34, 20037508.34), <span style="color: #8f0d69">new</span> OpenLayers.Geometry.Point(20037508.34, -20037508.34)]);</div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 11px/normal Monaco; "><span class="Apple-tab-span" style="white-space:pre"> </span><span style="color: #8f0d69">var</span> hole = <span style="color: #8f0d69">new</span> OpenLayers.Geometry.LinearRing([<span style="color: #8f0d69">new</span> OpenLayers.Geometry.Point(r.x1, r.y1), <span style="color: #8f0d69">new</span> OpenLayers.Geometry.Point(r.x1, r.y2), <span style="color: #8f0d69">new</span> OpenLayers.Geometry.Point(r.x2, r.y2), <span style="color: #8f0d69">new</span> OpenLayers.Geometry.Point(r.x2, r.y1)]);</div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 11px/normal Monaco; "><span class="Apple-tab-span" style="white-space:pre"> </span><span style="color: #8f0d69">var</span> geo = <span style="color: #8f0d69">new</span> OpenLayers.Geometry.Polygon([world, hole]);</div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 11px/normal Monaco; min-height: 15px; "><br></div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 11px/normal Monaco; "><span class="Apple-tab-span" style="white-space:pre"> </span><span style="color: #8f0d69">this</span>.ftr = <span style="color: #8f0d69">new</span> OpenLayers.Feature.Vector(geo, <span style="color: #8f0d69">null</span>, {fill: <span style="color: #4000ff">'#000000'</span>});</div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 11px/normal Monaco; "><span class="Apple-tab-span" style="white-space:pre"> </span>layer.addFeatures([<span style="color: #8f0d69">this</span>.ftr]);</div></blockquote>Everything is black except the region, perfect! But after zooming in, the feature always disappears after a certain zoom level. Maybe the feature is too big?</div><div><br></div><div>Do you have an explanation, a solution or a better approach for this requirement?</div><div><br></div><div>Cheers,</div><div>Christoph</div></body></html>