openlayers图像层拉伸,没有模糊效果

时间:2013-09-16 08:39:48

标签: image openlayers image-zoom gwt-openlayers

我使用图像层使用gwt-openlayers在我的Web应用程序的特定位置绘制一些数据。假设原始图像为400x400像素。我放大地图,图像被拉伸。问题是拉伸效果“模糊”。如何避免这种模糊效果并指示openlayers在图像上应用正常的“原始”拉伸?某处有选择吗?当我说模糊时,我的意思是:

as you can see the center of the image has blended colors while the original image is exactly formed by four sub squares with four different colors

上面的图片展示了这个概念。我有一个400x400像素的图像。图像由每个200×200像素的4个子正方形形成。左上方为蓝色,右上方为红色,左下方为黄色,右下方为红色。当我在openlayers中将此图像绘制为图像层并且我缩放地图时,图像的中心变得模糊并且混合了四种颜色。有没有办法避免这种模糊效果,并有一个'原始'伸展?感谢。

这是我用来创建图像层的代码(在gwt-openlayers中):

org.gwtopenmaps.openlayers.client.layer.ImageOptions imgOptions = new org.gwtopenmaps.openlayers.client.layer.ImageOptions();
imgOptions.setIsBaseLayer(false);
imgOptions.setTransitionEffect(TransitionEffect.RESIZE);
imgOptions.setAlwaysInRange(true);
imgOptions.setLayerOpacity(0.7);
imgOptions.setProjection("EPSG:900913");

imgLayer = new org.gwtopenmaps.openlayers.client.layer.Image("my_name",
                    null, bounds, new Size(1, 1), imgOptions);
map.addLayer(imgLayer);

1 个答案:

答案 0 :(得分:1)

使用带有外部图形的点来解决此问题。 在缩放时调整外部图形的大小。

查看展示:http://demo.gwt-openlayers.org/gwt_ol_showcase/GwtOpenLayersShowcase.html?example=Image%20vector