iD/js/id/ui/address.js

iD.ui.preset.address = function() {

    var event = d3.dispatch(),
        context,
        entity;

    function getStreets() {

        var l = entity.loc || context.entity(entity.nodes[0]).loc,
            dist = iD.geo.metresToCoordinates(l, [200, 200]),
            extent = entity.extent(context.graph()),
            box = iD.geo.Extent(
                    [extent[0][0] - dist[0], extent[0][1] - dist[1]],
                    [extent[1][0] + dist[0], extent[1][1] + dist[1]]);

        return context.intersects(box)
            .filter(isAddressable)
            .map(function(d) {
                var loc = context.projection([
                    (extent[0][0] + extent[1][0]) / 2,
                    (extent[0][1] + extent[1][1]) / 2]),
                    closest = context.projection(iD.geo.chooseIndex(d, loc, context).loc);
                return {
                    title: d.tags.name,
                    value: d.tags.name,
                    dist: iD.geo.dist(closest, loc)
                };
            }).sort(function(a, b) {
                return a.dist - b.dist;
            });

        function isAddressable(d) {
            return d.tags.highway && d.tags.name && d.type === 'way';
        }
    }

    function address(selection) {

        selection.append('input')
            .property('type', 'text')
            .attr('placeholder', 'Housename')
            .attr('class', 'addr-housename')
            .datum({ 'key': 'addr:housename' });

        selection.append('input')
            .property('type', 'text')
            .attr('placeholder', '123')
            .attr('class', 'addr-number')
            .datum({ 'key': 'addr:housenumber' });

        var streetwrap = selection.append('span')
            .attr('class', 'input-wrap-position')
            .datum({ 'key': 'addr:streetname' });

        streetwrap.append('input')
            .property('type', 'text')
            .attr('placeholder', 'Oak Street')
            .attr('class', 'addr-streetname');

        streetwrap.call(d3.combobox().data(getStreets()));
    }

    address.entity = function(_) {
        if (!arguments.length) return entity;
        entity = _;
        return address;
    };

    address.context = function(_) {
        if (!arguments.length) return context;
        context = _;
        return address;
    };

    return d3.rebind(address, event, 'on');
};