Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Mobile qooxdoo JS框架内的openlayers_Mobile_Svg_Drawing_Openlayers_Qooxdoo - Fatal编程技术网

Mobile qooxdoo JS框架内的openlayers

Mobile qooxdoo JS框架内的openlayers,mobile,svg,drawing,openlayers,qooxdoo,Mobile,Svg,Drawing,Openlayers,Qooxdoo,我在我的移动JS(qooxdoo)应用程序中使用openlayers示例,除了绘图光标位于视口上方之外,其他一切都可以正常工作 所以我可以画画,但我看不到光标,我只能在向下滚动后才能看到画 我使用了qooxdoo示例作为基础。我还将openlayers示例中的所有css规则添加到我的qooxdoo样式中 似乎是css位置问题,但我似乎找不到 任何帮助都将不胜感激 /** *加载映射所需的JavaScript库。 */ _loadMapLibrary:函数(){ var self=这个; var

我在我的移动JS(qooxdoo)应用程序中使用openlayers示例,除了绘图光标位于视口上方之外,其他一切都可以正常工作 所以我可以画画,但我看不到光标,我只能在向下滚动后才能看到画

我使用了qooxdoo示例作为基础。我还将openlayers示例中的所有css规则添加到我的qooxdoo样式中

似乎是css位置问题,但我似乎找不到

任何帮助都将不胜感激

/**
*加载映射所需的JavaScript库。
*/
_loadMapLibrary:函数(){
var self=这个;
var req=new qx.bom.request.Script();
变量选项={
是的,
比率:1,
isBaseLayer:是的,
wrapDateLine:是的,
getURL:function(){
var center=self._map.getCenter().transform(“EPSG:3857”,“EPSG:4326”),
size=self.\u map.getSize();
返回[
this.url,“¢er=”,center.lat,“,”,center.lon,“&zoom=”,self.\u map.getZoom(),“&size=”,size.w,“x”,size.h]。加入(“”);
}
};
req.onload=函数(){
var vector=新的OpenLayers.Layer.vector('vector Layer'{
styleMap:new OpenLayers.styleMap({
临时:OpenLayers.Util.applyDefaults({
点半径:16
},OpenLayers.Feature.Vector.style.temporary)
})
});
//OpenLayers的EditingToolbar在内部创建了一个导航控件,我们
//这里需要一个TouchNavigation控件,所以我们可以创建自己的编辑工具栏
var toolbar=新建OpenLayers.Control.Panel({
displayClass:“olControlEditingToolbar”
});
toolbar.addControls([
//此控件仅用于停用图形
//工具
新的OpenLayers.Control({
displayClass:“olControlNavigation”
}),新OpenLayers.Control.ModifyFeature(矢量{
VertexRenderEnt:“临时”,
displayClass:“olControlModifyFeature”
}),新建OpenLayers.Control.DrawFeature(向量,OpenLayers.Handler.Point{
displayClass:“olControlDrawFeaturePoint”
}),新建OpenLayers.Control.DrawFeature(向量,OpenLayers.Handler.Path{
displayClass:“olControlDrawFeaturePath”
}),新建OpenLayers.Control.DrawFeature(向量,OpenLayers.Handler.Polygon{
displayClass:“olControlDrawFeaturePolygon”
})]);
var osm=新的OpenLayers.Layer.osm();
osm.wrapDateLine=false;
map=新的OpenLayers.map({
部门:'谷歌地图',
预测:‘EPSG:900913’,
numZoomLevels:18,
控制:[
新的OpenLayers.Control.TouchNavigation({
绘图选项:{
使能动力学:正确
}
}),新建OpenLayers.Control.Zoom(),工具栏],
图层:[osm,矢量],
中心:新OpenLayers.LonLat(0,0),
缩放:1,
主题:空
});
//激活第一个控件以呈现“导航图标”
//活跃的
工具栏。控件[0]。激活();
}
请求打开(“获取”,此为映射URI);
请求发送();
},

请检查光标类的z索引。最好的方法是通过Chrome的调试器控制台或Firebug修改z索引

是否有您的应用程序的实时示例可用