function OhioMap(elementIdSelector) {

    this.mapSelector = elementIdSelector;

    this.drawMap = function() {

        var map = this;

        var el = $(map.mapSelector)[0];
        if (typeof el === 'undefined') {
            console.log('ERROR - No element matching: ' + this.mapSelector);
            return;
        }

        //var width = 960,
        //    height = 1200;
        map.height = el.clientHeight;
        map.width = (960 / 1200) * map.height;
        console.log('Making map size: ' + map.width + 'x' + map.height);

        //map.projection = d3.geo.mercator().translate([map.width / 2, map.height / 2]);
        map.projection = d3.geo.conicConformal()
            .rotate([82 + 30 / 60, -39 - 40 / 60])
            .translate([map.width / 2, map.height / 2]);

        map.path = d3.geo.path().projection(map.projection);

        map.svg = d3.select(map.mapSelector).append('svg')
            .attr('width', map.width)
            .attr('height', map.height);

        this.drawState();
    };

    this.drawState = function() {

        var map = this;
        d3.json('state.oh.json', function(error, response) {

            map.projection.scale(1).translate([0, 0]);

            var b = map.path.bounds(response),
                s = 0.95 / Math.max((b[1][0] - b[0][0]) / map.width, (b[1][1] - b[0][1]) / map.height),
                t = [(map.width - s * (b[1][0] + b[0][0])) / 2, (map.height - s * (b[1][1] + b[0][1])) / 2];

            map.projection.scale(s).translate(t);

            map.svg.selectAll('path')
                .data(response.features)
                .enter().append('path')
                .attr('id', 'pathOhio')
                .attr('class', 'state')
                .attr('d', map.path);

            map.svg.selectAll('g')
                .data(response.features)
                .enter().append('g')
                .attr('clip-path', 'url(#clipohio)')
                .append('text')
                .text('OHIO')
                .attr('id', 'txtOhio')
                .attr('text-anchor', 'middle')
                .attr('alignment-baseline', 'middle')
                .attr('class', 'label')
                .attr('transform', function(d, i) {
                    var centroid = d3.geo.centroid(d);
                    return 'translate(' + map.projection(centroid) + ')';
                });

            map.svg.selectAll('clipPath')
                .data(response.features)
                .enter().append('clipPath')
                .attr('id', function(d, i) {
                    return 'clipohio';
                })
                .append('path')
                .attr('d', map.path);

            // scale the text
            map.scaleTextToPath('#pathOhio', '#txtOhio');

        });

    };

    this.scaleTextToPath = function(pathSelector, textSelector) {
        var pathNode = d3.select(pathSelector).node();
        var pathBox = pathNode.getBBox();
        var txt = d3.select(textSelector);
        var textNode = txt.node();
        var textBox = textNode.getBBox();
        var widthTransform = pathBox.width / textBox.width;
        var heightTransform = pathBox.height / textBox.height;
        var value = Math.min(widthTransform, heightTransform);

        var transform = txt.attr('transform');
        console.log('Transform: ' + JSON.stringify(txt.attr('transform')));
        transform = transform + ' scale(' + (value + 1) + ')';
        txt.attr('transform', transform);
        console.log('Transform: ' + JSON.stringify(txt.attr('transform')));
    }

}; // OhioMap