Хорошая статья для настройки веб сервера на mac

http://jason.pureconcepts.net/2012/10/install-apache-php-mysql-mac-os-x/

OpenLayers билд процесс

Билд процесс начинается с установки OpenLayers.

Просто копируем его в папочку.
Настраиваем файл настройки example.cfg

>> python OpenLayers-2.11/build/build.py example.cfg

Для получения несжатого фала библиотеки, для последующего облегчения процесса дебагга

>> python OpenLayers-2.11/build/buildUncompressed.py example.cfg

Работа с PEAR пакетами

• pear channel-discover pear.dev.loc

• pear install -a pear_pakage

Настройки стилей OpenLayers для фитч

Constant: OpenLayers.Feature.Vector.styleOpenLayers features can have a number of style attributes. The 'default' style will typically be used if no other style is specified. These styles correspond for the most part, to the styling properties defined by the SVG standard.
Information on fill properties: http://www.w3.org/TR/SVG/painting.html#FillProperties
Information on stroke properties: http://www.w3.org/TR/SVG/painting.html#StrokeProperties

Symbolizer properties:

• fill - {Boolean} Set to false if no fill is desired.

• fillColor - {String} Hex fill color.  Default is "#ee9900".

• fillOpacity - {Number} Fill opacity (0-1).  Default is 0.4

• stroke - {Boolean} Set to false if no stroke is desired.

• strokeColor - {String} Hex stroke color.  Default is "#ee9900".

• strokeOpacity - {Number} Stroke opacity (0-1).  Default is 1.

• strokeWidth - {Number} Pixel stroke width.  Default is 1.

• strokeLinecap - {String} Stroke cap type.  Default is "round".  [butt | round | square]

• strokeDashstyle - {String} Stroke dash style.  Default is "solid". [dot | dash | dashdot | longdash | longdashdot | solid]

• graphic - {Boolean} Set to false if no graphic is desired.

• pointRadius - {Number} Pixel point radius.  Default is 6.

• pointerEvents - {String}  Default is "visiblePainted".

• cursor - {String} Default is "".

• externalGraphic - {String} Url to an external graphic that will be used for rendering points.

• graphicWidth - {Number} Pixel width for sizing an external graphic.

• graphicHeight - {Number} Pixel height for sizing an external graphic.

• graphicOpacity - {Number} Opacity (0-1) for an external graphic.

• graphicXOffset - {Number} Pixel offset along the positive x axis for displacing an external graphic.

• graphicYOffset - {Number} Pixel offset along the positive y axis for displacing an external graphic.

• rotation - {Number} For point symbolizers, this is the rotation of a graphic in the clockwise direction about its center point (or any point off center as specified by graphicXOffset and graphicYOffset).

• graphicZIndex - {Number} The integer z-index value to use in rendering.

• graphicName - {String} Named graphic to use when rendering points.  Supported values include "circle" (default), "square", "star", "x", "cross", "triangle".

• graphicTitle - {String} Tooltip for an external graphic.

• backgroundGraphic - {String} Url to a graphic to be used as the background under an externalGraphic.

• backgroundGraphicZIndex - {Number} The integer z-index value to use in rendering the background graphic.

• backgroundXOffset - {Number} The x offset (in pixels) for the background graphic.

• backgroundYOffset - {Number} The y offset (in pixels) for the background graphic.

• backgroundHeight - {Number} The height of the background graphic.  If not provided, the graphicHeight will be used.

• backgroundWidth - {Number} The width of the background width.  If not provided, the graphicWidth will be used.

• label - {String} The text for an optional label. For browsers that use the canvas renderer, this requires either fillText or mozDrawText to be available.

• labelAlign - {String} Label alignment. This specifies the insertion point relative to the text. It is a string composed of two characters. The first character is for the horizontal alignment, the second for the vertical alignment. Valid values for horizontal alignment: "l"=left, "c"=center, "r"=right. Valid values for vertical alignment: "t"=top, "m"=middle, "b"=bottom. Example values: "lt", "cm", "rb".

• labelXOffset - {Number} Pixel offset along the positive x axis for displacing the label. Not supported by the canvas renderer.

• labelYOffset - {Number} Pixel offset along the positive y axis for displacing the label. Not supported by the canvas renderer.

• labelSelect - {Boolean} If set to true, labels will be selectable using SelectFeature or similar controls. Default is false.

• fontColor - {String} The font color for the label, to be provided like CSS.

• fontOpacity - {Number} Opacity (0-1) for the label

• fontFamily - {String} The font family for the label, to be provided like in CSS.

• fontSize - {String} The font size for the label, to be provided like in CSS.

• fontStyle - {String} The font style for the label, to be provided like in CSS.

• fontWeight - {String} The font weight for the label, to be provided like in CSS.

• display - {String} Symbolizers will have no effect if display is set to "none".  All other values have no effect.

Доступ на ssh в Ubuntu

Чтобы просмотреть текущий публичный ключ
vi ~/.ssh/id_rsa.pub

Чтобы зайти на ssh под пользователем

ssh -v user@host

Работа с git. Создание и удаление веток

1) Посмотреть все ветки

• git branch
• git branch -r

2) Удалить ветку на сервере

• git push origin :crincum_poi

3) Удалить ветку локально

• git branch -D crincum_poi

4) Создать ветку на сервере

• git push origin master:crincum_poi

5)  Смерджить ветку таска MAP-23 в текущую ветку проекта crincum

• git checkout master
• git merge experimental

6) Процесс создания веток под таск

• git checkout -b MAP-186  - создаем локальную ветку
• git branch - проверяем, что переключились на текущую ветку
• git push origin MAP-186:MAP-186 - пушим origin в новую удаленную ветку. Тем самым создаем ее.
• Проверяем наличие удаленной ветки git branch -r и Работаем:) 

7) Ошибка refusing to pull with rebase: your working tree is not up-to-date
    .gitignore.: needs update.
     Решение жестко сменить HEAD ветки. Правда могут потеряться какие то изменения, зато pull заработает:)

• git reset --hard origin/master

Add arrows to OpenLayers layer.

I have a task to render a traffic vectors on top map using OpenLayes API.

As I noticed Yandex maps uses pregenerated tiles and just render png images on top of the base layer.

The OpenStreetMap based on OpenLayers uses svg (vector graphic) (or canvas) to draw tracks and roads on top of the map. As well as Google Maps.

To render  arrows firstly we need to find out the direction of arrows. I calculate it at frontend using function calculateAngle. To find out direction we need to have a vector (two points A[x1,y1], B[x2,y2]).

function calculateAngle(x1, y1, x2, y2){
     var dx = x2 - x1;
     var dy = y2 - y2;
     // Calculates angle between vector and x axis
     var angle2  = Math.atan(dy/dx)*180/Math.PI;

     // Rotates angle according to vector direction
     var angle = getQuadrantAngle(angle, dx, dy);
     return (angle);
}

function getQuadrantAngle(angle, dx, dy)
{
        var qAngle = [-1, 90, -90, 270, 90];
        var Quadrant = 0;
        if(dx>=0 && dy>=0)
            Quadrant = 1;
        else if(dx>=0 && dy<0)
            Quadrant = 4;
        else if(dx<=0 && dy>=0)
            Quadrant = 2;
        else if(dx<=0 && dy<0)
            Quadrant = 3;

        return (-angle + qAngle[Quadrant]);
}


After, you need to add arrow image to layer style

var myMapStyle = {
        cursor     : 'pointer',
        strokeColor: color,
        fillColor  : color,
        fillOpacity: 1,
        rotation:"${angle}", // we take it from feature attribute
        externalGraphic: arrow_url,
        graphicWidth:15,
        graphicHeight: 15,
        graphicYOffset:"${getYOffset}",
        strokeWidth: this.defaults.traffic.strokeWidth
    }


So the function for adding arrows to layer linesLayer

/*
 *  Добавляем слой стрелок для дорог
 * @params position - позиция стрелки на сегменте дороги
 * @params uri - адрес файла со списком узлов сегментов разбиения дороги в geojson, тип данных Point
 * */
Traffic.addArrows = function (linesLayer, param)
{
    var features = [];

    if(this.utils.isset(param.uri)){
        var geojson = this.getGeoJsonData(param.uri);
        var format = new OpenLayers.Format.GeoJSON({
            'internalProjection': new OpenLayers.Projection("EPSG:900913"),
            'externalProjection': new OpenLayers.Projection("EPSG:4326")
        });

        $(geojson.features).each(function(i,item){
            if(item.properties.arrow == 't')
            {
                /*dataLayer.addFeatures(format.read(item));*/

                var ft = format.read(item);
                var pt = {x1:ft[0].geometry.components[0].x, y1:ft[0].geometry.components[0].y,x2:ft[0].geometry.components[1].x, y2:ft[0].geometry.components[1].y};
                // Вычисляем положение стрелки на сегменте
                if(param.position == 'center'){
                    var xm = (pt.x2 + pt.x1)/2;
                    var ym = (pt.y2 + pt.y1)/2;
                }
                else{
                    var xm = pt.x1;
                    var ym = pt.y1;
                }
                // Вычисляем угол поворота стрелки
                var dx = pt.x2 - pt.x1;
                var dy = pt.y2 - pt.y1;
                var angle  = Math.atan(dy/dx)*180/Math.PI;
                var angle2 = getQuadrantAngle(angle, dx, dy); // формула angle < 0 ? ((-1)*angle+180) : ((-1)*angle+90);

                var ftGeomColl = new OpenLayers.Geometry.Collection();

                // Добавляем вывод стрелок
                ftGeomColl.addComponent(new OpenLayers.Geometry.Point(xm, ym));

                var ftColl = new OpenLayers.Feature.Vector();
                ftColl.geometry = ftGeomColl;
                ftColl.attributes = {};
                ftColl.attributes["angle"] = angle2;
                features.push(ftColl);
            }
        });
    }
    linesLayer.addFeatures(features);
}