openlayers天地图没有图片时会有红叉,设置背景色为透明

popup.autoSize = true;设置popup大小总不对,没找到原因,
解决办法:
将背景色设为透明:popup.setBackgroundColor("transparent");

使用天地图不知道为什么空白区域会出现没有图片的红叉?
暂时解决办法:
注释掉OpenLayers-2.12/OpenLayers.js里 this.onImageLoad()
[img]http://dl2.iteye.com/upload/attachment/0093/5166/1b7c5247-735f-3859-85a7-a7c14dee820b.png[/img]
红叉可以去掉了,不过底图空白区域还是会有白色,待完善

天地图:
var map;
var markers;
var option = {
controls: [new OpenLayers.Control.Navigation(),
new OpenLayers.Control.PanZoomBar()
],
numZoomLevels: 19
};
map = new OpenLayers.Map('map', option);
map.addControl(new OpenLayers.Control.LayerSwitcher());

var tdt1 = new OpenLayers.Layer.WMTS({
name: "中国底图(矢量)",
url: "http://t0.tianditu.com/vec_c/wmts", //中国底图
layer: "vec",
style: "default",
matrixSet: "c",
format: "tiles",
isBaseLayer: true
});
var tdt2 = new OpenLayers.Layer.WMTS({
name: "中国底图注记",
url: "http://t0.tianditu.com/cva_c/wmts", //中国底图注记
layer: "cva",
style: "default",
matrixSet: "c",
format: "tiles",
isBaseLayer: false
});
map.addLayers([tdt1, tdt2]);

map.setCenter(new OpenLayers.LonLat(115.86, 34.4), 12);
map.addControl(new OpenLayers.Control.MousePosition());

你可能感兴趣的:(openlayers学习)