oxjs/source/Ox.UI/js/Map/Ox.MapMarkerImage.js

// vim: et:ts=4:sw=4:sts=4:ft=javascript

'use strict';

/*@
Ox.MapMarkerImage <f:google.maps.MarkerImage> MapMarkerImage Object
    (options) ->       <f> google.maps.MarkerImage
    options <o> Options object
        color <a|[255, 0, 0]> marker color
        mode <s|normal> can be: normal, selected, editing
        size <n|16> size
        type <s|place> can be: place, result, rectangle
@*/

Ox.MapMarkerImage = (function() {

    var cache = {};

    return function(options) {

        options = Ox.extend({
            color: [255, 0, 0],
            mode: 'normal', // normal, selected, editing
            size: 16,
            type: 'place', // place, result, rectangle
        }, options);

        var index = [
            options.type, options.mode, options.size, options.color.join(',')
        ].join(';');

        if (!cache[index]) {
            var color = options.type == 'rectangle' ? [0, 0, 0, 0]
                    : Ox.merge(
                        Ox.clone(options.color),
                        [options.type == 'place' ? 0.75 : 0.25]
                    ),
                border = Ox.merge(
                        options.mode == 'normal' ? [0, 0, 0]
                        : options.mode == 'selected' ? [255, 255, 255]
                        : [128, 128, 255],
                        [options.type == 'result' ? 0.5 : 1]
                    ),
                c = Ox.canvas(options.size, options.size),
                image,
                r = options.size / 2;
            c.context.fillStyle = 'rgba(' + color.join(', ') + ')';
            c.context.arc(r, r, r - 2, 0, 360);
            c.context.fill();
            c.context.beginPath();
            c.context.lineWidth = 2;
            c.context.strokeStyle = 'rgba(' + border.join(', ') + ')';
            c.context.arc(r, r, r - 1, 0, 360);
            c.context.stroke();
            cache[index] = new google.maps.MarkerImage(
                c.canvas.toDataURL(),
                new google.maps.Size(options.size, options.size),
                new google.maps.Point(0, 0),
                new google.maps.Point(r, r)
            );
        }

        return cache[index];

    }

}());