Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/477.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/selenium/4.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.source未定义-开放层、开放街道地图_Javascript_Jquery_Openlayers_Openstreetmap - Fatal编程技术网

Javascript OpenLayers.source未定义-开放层、开放街道地图

Javascript OpenLayers.source未定义-开放层、开放街道地图,javascript,jquery,openlayers,openstreetmap,Javascript,Jquery,Openlayers,Openstreetmap,我计划从参考此代码的lat long值绘制多边形。 OpenLayers.source未定义,显示为错误。如果您有任何帮助,我们将不胜感激。在OpenLayers 3中,这是一种正确的方法,它的API与以前的版本不同 var polyCoordinates =[ [1.300910900488229, 44.28372648003116], [1.3373031124022878, 44.13311552125895], [1.6648330196289067, 44.

我计划从参考此代码的lat long值绘制多边形。


OpenLayers.source未定义,显示为错误。如果您有任何帮助,我们将不胜感激。

在OpenLayers 3中,这是一种正确的方法,它的API与以前的版本不同

var polyCoordinates =[
    [1.300910900488229, 44.28372648003116],
    [1.3373031124022878, 44.13311552125895],
    [1.6648330196289067, 44.12030076099872]];

var polygon = new ol.geom.Polygon([polyCoordinates]);

polygon.applyTransform(ol.proj.getTransform('EPSG:4326', 'EPSG:3857'));

// Create feature with polygon.
var feature = new ol.Feature({
    geometry: polygon
});

// Create vector source and the feature to it.
var vectorSource = new ol.source.Vector({
    features: [feature]
});

// Create the vectorial layer
var vectorLayer = new ol.layer.Vector({
    source: vectorSource,
    style: new ol.style.Style({
        stroke: new ol.style.Stroke({
            color: '#eedd00',
            width: 3
        })
    })
});
编辑:如果坚持使用OpenLayers 2,则需要通过线性环创建多边形。设置有点不同。没有OpenLayers
源代码要处理

var polyCoordinates =[
    [1.300910900488229, 44.28372648003116],
    [1.3373031124022878, 44.13311552125895],
    [1.6648330196289067, 44.12030076099872]];

// Create the polygon via linear ring
var points = [];

for (var i = 0; i < polyCoordinates.length; i++) {
    coord = polyCoordinates[i];
    points.push(new OpenLayers.Geometry.Point(coord[0], coord[1]));
}

var linearRing = new OpenLayers.Geometry.LinearRing(points);
var polygon = new OpenLayers.Geometry.Polygon([linearRing]);

var srcProj = new OpenLayers.Projection("EPSG:4326"); 
var targetProj = new OpenLayers.Projection("EPSG:3857");
polygon.transform(srcProj, targetProj);

// Create feature with polygon.
var feature = new OpenLayers.Feature.Vector(polygon);

// Create the vectorial layer
var vectorLayer = new OpenLayers.Layer.Vector('Vector Layer', 
    OpenLayers.Feature.Vector.style['default']   
);

vectorLayer.addFeatures([feature]);
var多协变量=[
[1.300910900488229, 44.28372648003116],
[1.3373031124022878, 44.13311552125895],
[1.6648330196289067, 44.12030076099872]];
//通过线性环创建多边形
var点=[];
对于(变量i=0;i
谢谢您的回复。如果回答了您的问题,您可以接受答案。我使用的是版本2.14.OpenLayers.Projection.getTransform不是一个函数,这是我现在遇到的错误。此函数的任何替代选项OpenLayers.Projection.getTransform.2,您可以尝试
polygon.transform(srcProj,targetProj),带有
var srcProj=newopenlayers.Projection(“EPSG:4326”)
var targetProj=新OpenLayers.Projection(“EPSG:3857”)@headduck谢谢。我已经更正了,但是仍然出现相同的错误。
var polyCoordinates =[
    [1.300910900488229, 44.28372648003116],
    [1.3373031124022878, 44.13311552125895],
    [1.6648330196289067, 44.12030076099872]];

// Create the polygon via linear ring
var points = [];

for (var i = 0; i < polyCoordinates.length; i++) {
    coord = polyCoordinates[i];
    points.push(new OpenLayers.Geometry.Point(coord[0], coord[1]));
}

var linearRing = new OpenLayers.Geometry.LinearRing(points);
var polygon = new OpenLayers.Geometry.Polygon([linearRing]);

var srcProj = new OpenLayers.Projection("EPSG:4326"); 
var targetProj = new OpenLayers.Projection("EPSG:3857");
polygon.transform(srcProj, targetProj);

// Create feature with polygon.
var feature = new OpenLayers.Feature.Vector(polygon);

// Create the vectorial layer
var vectorLayer = new OpenLayers.Layer.Vector('Vector Layer', 
    OpenLayers.Feature.Vector.style['default']   
);

vectorLayer.addFeatures([feature]);
var sitePoints = [];
var coordinates =[{"long":1.300910900488229,"lat":44.28372648003116},
                    {"long":1.3373031124022878,"lat":44.13311552125895},
                    {"long":1.6648330196289067,"lat":44.12030076099872}];

var siteStyle = {
        label:'ring',
        title: 'press to close as a ring',
        cursor: "pointer",
        fontSize: '8px',
        fontColor: '#222',
        pointRadius: 10,
        fillColor: '#cccccc',
        strokeColor: '#444444'  
};

var epsg4326 = new OpenLayers.Projection("EPSG:4326");
for (var i in coordinates) {
  var coord = coordinates[i];
  var point = new OpenLayers.Geometry.Point(coord.long, coord.lat);
  // transform from WGS 1984 to Spherical Mercator
  point.transform(epsg4326, map.getProjectionObject());
  sitePoints.push(point);
}

 console.log(sitePoints);

var linearRing = new OpenLayers.Geometry.LinearRing(sitePoints);
var geometry = new OpenLayers.Geometry.Polygon([linearRing]);
var polygonFeature = new OpenLayers.Feature.Vector(geometry, null,   siteStyle);
vectorLayer.addFeatures([polygonFeature]);
map.addLayer(vectorLayer);