Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/470.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
Javascript OpenLayers 2中的图形特征_Javascript_Html_Drawing_Openlayers_Geoserver - Fatal编程技术网

Javascript OpenLayers 2中的图形特征

Javascript OpenLayers 2中的图形特征,javascript,html,drawing,openlayers,geoserver,Javascript,Html,Drawing,Openlayers,Geoserver,我在Openlayers 2中创建了一个代码,用于选择各种Google地图主题(sat、道路、地形等)。除此之外,我还从Geoserver输入了一些自定义功能。我还想添加一些drwing功能,我该怎么做。。?这是我的代码:我知道PS并没有经过修饰,但我现在正在研究它 OpenLayers地图预览 身体{ 字体系列:Verdana、Geneva、Arial、Helvetica、sans serif; 字体大小:小; } /*工具栏样式*/ #工具栏{ 位置:相对位置; 垫底:0.5em; 显示

我在Openlayers 2中创建了一个代码,用于选择各种Google地图主题(sat、道路、地形等)。除此之外,我还从Geoserver输入了一些自定义功能。我还想添加一些drwing功能,我该怎么做。。?这是我的代码:我知道PS并没有经过修饰,但我现在正在研究它


OpenLayers地图预览
身体{
字体系列:Verdana、Geneva、Arial、Helvetica、sans serif;
字体大小:小;
}
/*工具栏样式*/
#工具栏{
位置:相对位置;
垫底:0.5em;
显示:无;
}
/*地图和位置栏*/
#地图{
明确:两者皆有;
位置:相对位置;
宽度:1000px;
高度:800px;
边框:2件纯黑;
}
#包装纸{
宽度:337px;
高度:50px;
}
#位置{
浮动:对;
字体系列:Arial,Verdana,无衬线;
字体大小:12px;
颜色:#483D8B;
背景色:白色;
}
#鳞片{
浮动:左;
字体系列:Arial,Verdana,无衬线;
字体大小:12px;
颜色:#483D8B;
背景色:白色;
}
#节点主义者{
字体系列:Arial,Verdana,无衬线;
字体大小:14px;
颜色:#000000;
字体风格:普通;
背景色:白色;
}
var映射;
var未计;
瓦状;
var pureCoverage=false;
//避免使用粉色瓷砖
OpenLayers.IMAGE_RELOAD_尝试次数=5;
//根据WMS规范制作OL计算比例
OpenLayers.DOTS_/u英寸=25.4/0.28;
函数init(){
格式='image/png';
var bounds=新的OpenLayers.bounds(
//修改参数
-11569688.90, -11530706.01,
5514344.58, 5553327.46
);
变量选项={
控件:[],
//maxExtent:bounds,
//修改参数
规模:[100000、250000、500000、1000000、2000000、4000000、8000000],
//修改参数
投影:“EPSG:900913”,
//设置缩放级别
//numZoomLevels:15,
单位:m
};
map=新的OpenLayers.map('map',选项{
阿洛弗雷:对
});
addControl(新的OpenLayers.Control.LayerSwitcher());
var gsat=new OpenLayers.Layer.Google(
“谷歌卫星”{
类型:google.maps.MapTypeId.SATELLITE,
numZoomLevels:22
}
);
var gphy=new OpenLayers.Layer.Google(
“谷歌物理”{
类型:google.maps.MapTypeId.TERRAIN,
可见性:错误
}
);
var gmap=new OpenLayers.Layer.Google(
“Google Streets”,//默认值
{
numZoomLevels:20,
可见性:错误
}
);
var ghyb=new OpenLayers.Layer.Google(
“谷歌混合”{
类型:google.maps.MapTypeId.HYBRID,
numZoomLevels:22,
可见性:错误
}
);
添加图层([gsat、gphy、gmap、ghyb]);
/*var gphy=new OpenLayers.Layer.Google(
“谷歌卫星”,
{type:google.maps.MapTypeId.Satellite,sphericalMercator:true}
);
map.addLayer(gphy)*/
var streets=新的OpenLayers.Layer.WMS(
“万岁”http://localhost:8080/geoserver/wms", {
图层:“LundProject:vag_alla_ny”,
透明:正确
}, {
isBaseLayer:false,
//numZoomLevels:15
不透明度:0.5,
可见性:正确
}
);
//在此处添加控件
添加图层(街道);
zoomToMaxExtent();
//结束添加控件
map.zoomToExtent(边界);
//bugsites=新建OpenLayers.Layer.WMS(
//“错误站点”,
//"http://localhost:8080/geoserver/wms",
//{
//图层:“sf:bugsites”,
//风格:'大写',
//透明:是的,
//格式:格式,
//}
//);
//map.addLayer(bugsites);
//addControl(新的OpenLayers.Control.LayerSwitcher());
addControl(新的OpenLayers.Control.PanZoomBar());
addControl(新的OpenLayers.Control.Navigation());
}
使用Geoserver和OpenLayers的地图查看器



位置


哪些图形特征?