未在CordovaActivity中加载OpenLayers地图
未在CordovaActivity中加载OpenLayers地图
提问于 2014-06-17 19:42:12
我试图在PhoneGap应用程序中集成一个OpenLayers地图，但是地图根本不显示。该地图是从我的局域网内的GeoServer中获取的。缩放控件是可见的，但即使当我放大/缩小时，地图也不会加载。贴图由一个层(在GeoServer中是两个层的组合)组成。这是我的index.js文件：
var app = {
initialize: function() {
this.bindEvents();
},
bindEvents: function() {
document.addEventListener('deviceready', this.onDeviceReady, false);
},
onDeviceReady: function() {
$(document).ready(function() {
// pink tile avoidance
OpenLayers.IMAGE_RELOAD_ATTEMPTS = 5;
// make OL compute scale according to WMS spec
OpenLayers.DOTS_PER_INCH = 25.4 / 0.28;
//OpenLayers.ProxyHost = "proxy.cgi?url=";
var map, format = 'image/png';
var bounds = new OpenLayers.Bounds(
-100, -100,
5000, 2500
);
var options = {
controls: [
new OpenLayers.Control.Attribution(),
new OpenLayers.Control.TouchNavigation({
dragPanOptions: {
enableKinetic: true
}
}),
new OpenLayers.Control.Zoom()
],
maxExtent: bounds,
projection: "EPSG:2001",
units: 'm'
};
map = new OpenLayers.Map('map', options);
var wms = new OpenLayers.Layer.WMS(
"IW Map",
"http://192.168.1.3:80/geoserver/myWorkspace/wms",
{
LAYERS: 'iwlayer',
STYLES: '',
format: format
}, {
buffer: 0,
isBaseLayer: true,
yx : {'EPSG:2001' : false}
}
);
map.addLayer( wms );
map.zoomToMaxExtent(bounds);
alert("Map loaded!");
});
}
};我的index.html文件：
<!DOCTYPE html>
<html>
<head>
<title>HelloWorld</title>
<meta charset="utf-8" />
<meta name="format-detection" content="telephone=no" />
<meta name="viewport" content="user-scalable=no, initial-scale=1"/>
<link rel="stylesheet" type="text/css" href="js/theme/default/style.css" />
<link rel="stylesheet" type="text/css" href="css/index.css" />
<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script> -->
<script type="text/javascript" src="js/OpenLayers.mobile.js"></script>
<script type="text/javascript" src="phonegap.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript">
app.initialize();
</script>
</head>
<body>
<div id="map"></div>
</body>
</html>我在PhoneGap的config.xml文件中添加了<access origin="http://192.168.1.3/*" />规则，但没有成功。
非常感谢。
回答 1
Stack Overflow用户
发布于 2014-07-24 07:07:16
检查你的边界。看起来您想要显示一个长度为-100的切片。
尝试如下所示：
var NA = new OpenLayers.Bounds(-128, 48.25, -114, 60)
.transform(geographic, spherical_mercator);页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/24262867
复制相关文章
相似问题
腾讯云开发者
