examples/photos/main.js
function _createPhotoMarker(photo) {
        var randomAngle = (Math.PI / 180) * (10 - (Math.random() * 20));
        var marker = {
            mapModifier: new MapModifier({
                mapView: mapView,
                position: photo.loc
            }),
            modifier: new StateModifier({
                align: [0, 0],
                origin: [0.5, 0.5]
            }),
            content: {
                modifier: new Modifier({
                    size: [36, 26],
                    transform: Transform.rotateZ(randomAngle)
                }),
                back: new Surface({
                    classes: ['photo-frame']
                }),
                photoModifier: new Modifier({
                    origin: [0.5, 0.5],
                    align: [0.5, 0.5],
                    transform: Transform.scale(0.86, 0.78, 1)
                }),
                photo: new ImageSurface({
                    classes: ['photo']
                })
            }
        };
        marker.renderable = new RenderNode(marker.mapModifier);
        var renderable = marker.renderable.add(marker.modifier).add(marker.content.modifier);
        renderable.add(marker.content.back);
        renderable.add(marker.content.photoModifier).add(marker.content.photo);
        return marker;
    }
function _createPhotoMarker(photo) {
        var randomAngle = (Math.PI / 180) * (10 - (Math.random() * 20));
        var marker = {
            mapModifier: new MapModifier({
                mapView: mapView,
                position: photo.loc
            }),
            modifier: new StateModifier({
                align: [0, 0],
                origin: [0.5, 0.5]
            }),
            content: {
                modifier: new Modifier({
                    size: [36, 26],
                    transform: Transform.rotateZ(randomAngle)
                }),
                back: new Surface({
                    classes: ['photo-frame']
                }),
                photoModifier: new Modifier({
                    origin: [0.5, 0.5],
                    align: [0.5, 0.5],
                    transform: Transform.scale(0.86, 0.78, 1)
                }),
                photo: new ImageSurface({
                    classes: ['photo']
                })
            }
        };
        marker.renderable = new RenderNode(marker.mapModifier);
        var renderable = marker.renderable.add(marker.modifier).add(marker.content.modifier);
        renderable.add(marker.content.back);
        renderable.add(marker.content.photoModifier).add(marker.content.photo);
        return marker;
    }
function _createPhotoMarker ( photo ) { var randomAngle = ( Math . PI / 180 ) * ( 10 - ( Math . random ( ) * 20 ) ) ; var marker = { mapModifier : new MapModifier ( { mapView : mapView , position : photo . loc } ) , modifier : new StateModifier ( { align : [ 0 , 0 ] , origin : [ 0.5 , 0.5 ] } ) , content : { modifier : new Modifier ( { size : [ 36 , 26 ] , transform : Transform . rotateZ ( randomAngle ) } ) , back : new Surface ( { classes : [ 'photo-frame' ] } ) , photoModifier : new Modifier ( { origin : [ 0.5 , 0.5 ] , align : [ 0.5 , 0.5 ] , transform : Transform . scale ( 0.86 , 0.78 , 1 ) } ) , photo : new ImageSurface ( { classes : [ 'photo' ] } ) } } ; marker . renderable = new RenderNode ( marker . mapModifier ) ; var renderable = marker . renderable . add ( marker . modifier ) . add ( marker . content . modifier ) ; renderable . add ( marker . content . back ) ; renderable . add ( marker . content . photoModifier ) . add ( marker . content . photo ) ; return marker ; }
Creates a photo-marker
Creates a photo - marker