Geographic Information Systems Stack Exchange is a question and answer site for cartographers, geographers and GIS professionals. It's 100% free, no registration required.

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I am trying to draw ellipse on the client side using openlayers with some mathematical functions from drawing ellipse with svg. I have achieved drawing it but not rotation what I have written for parameter and I am not sure about axis length too.

When I measure semi-major or semi-minor axis length, I am not getting the true length what I have given for 4.8 * 1000 meter.

I know PostGIS 2.1 has ST_MakeEllipse function for this but I want it on the client side.

I am sharing javascript code, reference image and result image with you. Any help would be appreciated.

Reference Image:



var radiusX= 4,8 * 2 // Semi-major axis length - km
var radiusY= 2,5 * 2 // Semi-minor axis length -km 
var rot = 125 //Rotation

var xCent = 14.7495;
var yCent = 47.4640;

var z = [];
var list = [];

for (var i = 0 * Math.PI; i < 2 * Math.PI; i += 0.01 ) {
    xPos = xCent - (radiusX* Math.sin(i)) * Math.sin(rot * Math.PI) + (radiusY* Math.cos(i)) * Math.cos(rot * Math.PI);
    yPos = yCent + (radiusY* Math.cos(i)) * Math.sin(rot * Math.PI) + (radiusX* Math.sin(i)) * Math.cos(rot * Math.PI);

    if(i == 0 ) {
        z.push( new OpenLayers.Geometry.Point(xPos, yPos).transform(map.displayProjection, map.projection)); 
    } else {
        list.push(new OpenLayers.Geometry.Point(xPos, yPos).transform(map.displayProjection, map.projection));

var linear_ring = new OpenLayers.Geometry.LinearRing(list);
var polygonFeature = new OpenLayers.Feature.Vector(new OpenLayers.Geometry.Polygon([linear_ring]), null, null);
vector.addFeatures([polygonFeature ])



share|improve this question
Your ellipse is parametrized by a coordinate i. With orientation c, the axis directions must be (cos(c),sin(c)) and (-sin(c),cos(c)), which need to be rescaled via multiplication by a and b, respectively. Therefore a general point on the ellipse is displaced from its center d by the vector a*(cos(c),sin(c))*cos(i) + b*(-sin(c),cos(c))*sin(i) and i ranges from 0 to 2 pi. This can be implemented with just a slight modification of your existing code. It works well unless a and b are extremely different (all the points are concentrated at the tips in that case). – whuber Jan 29 '13 at 7:12
@whuber thanks for your instructive response. I ask you for adapting it to my code? – Aragon Jan 29 '13 at 7:52
up vote 3 down vote accepted

I've done similar work before, for rotation, there is rotate function for polygons. In your case, add following line before adding feature to the layer:

var originPoint = new OpenLayers.Geometry.Point(xCent, yCent).transform(map.displayProjection, map.projection); //center point for rotation
polygonFeature.geometry.rotate(rot, originPoint);

You can find full documentation about rotate function here

I'm not sure about your calculation for the ellipses(you might have used some mathematical transformations), but I would suggest to use the polar system to get those points coordinates.

Get the distance from the point on ellipse at direction θ to the origin using following formula:

ellipse polar form relative to center

The coordinates of the point are:

x = r(θ) * cos(θ)
y = r(θ) * sin(θ)
share|improve this answer
thank you for reply. i have known rotate function but i am not sure about accuracy. did you give this formule to calculate radiusX and radiusY? – Aragon Jan 28 '13 at 9:35
@Aragon I don't know what kind of accuracy you want to achieve, but normally the accuracy should be good. In OpenLayers API, it rotates each components of the geometry. In this case, it is the 100 points in the list. You can also check the point rotating function in openlayers… – Mingfeng Jan 28 '13 at 10:01
@Aragon And the formula I gave is to calculate those points coordinates in the point list that approximating the ellipse. – Mingfeng Jan 28 '13 at 10:04
i have problem with lengths too. i want to set radiusX and radiusY to max. accuracy so when i measure semi-major axis length, i want to get 4.8 km. how can i set it to geodesic distance? now my input is 0.048. – Aragon Jan 28 '13 at 10:04
Now I see what you mean now. Generally, you just need to make sure that your data (here it is the major/minor axis length and the xCent/yCent) are from the same map projection and the unit should be meters since the input value are in meters. After getting the ellipse in this projection, then just do the projection transformation, the transformation will do the rest. – Mingfeng Jan 28 '13 at 10:15

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.