TDataView_ui/scripts/mod/previewer/pictureViewer.js

/**
 * [ONEMAP.T.pictureViewer]
 * @return {[object]}
 */
define(['handlebars',
    'html!templates/previewer/pictureViewer',
    'css!styles/previewer/previewer',
    'jqueryDir/jquery-ui',
    'jqueryDir/jquery.mousewheel',
    'jqueryDir/jquery.iviewer.min',
    'css!jqueryDir/jquery.iviewer'],
    function (Handlebars, tplLayout) {
        var _viewerOptions = {};

        var _iviewer;

        /**
         * 模块初始化
         * @param  {[type]} options [description]
         * @return {[type]}         [description]
         */
        function init(options) {
            _viewerOptions = {};
            for (var op in options) {
                _viewerOptions[op] = options[op];
            }
            $('body').append(tplLayout);

            if (_viewerOptions.hasOwnProperty('title')) {
                $('#pictureViewer .header h3').prepend(_viewerOptions['title'] + '-');
            }

            setPictureModal();

            bindEvent();
        }
        function bindEvent() {
            //取消
            $('#btnPictureViewerCance').bind('click', function () {
                remove();
            });

            $('#pictureViewer .ibtn-panel-close').bind('click', function () {
                remove();
            });
        }

        /**
         * 设置容器
         */
        function setPictureModal() {
            var pictureData = _viewerOptions['value'];
            _pictureUrl = onemapUrlConfigNetwork.gcmsServiceUrl + '/file' + pictureData;
            if (_iviewer) {
                _iviewer.iviewer('loadImage', _pictureUrl);
                return false;
            } else {
                _iviewer = $("#pictureViewerWrap").iviewer(
                    {
                        zoom_max: 100,
                        zoom_min: 5,
                        src: _pictureUrl
                    });
            }
        }


        /**
         * 模块移除
         * @return {[type]} [description]
         */
        function remove() {
            _viewerOptions = {};
            _iviewer = null;
            $('#pictureViewer').remove();
            $('#pictureViewerFilterCover').remove();
        }

        return ONEMAP.T.pictureViewer = {
            init: init,
            remove: remove
        }
    });