;(function(exports) {
    var MapShare = {
    }
    var headFootUI = {
        resizePage : function(){
            
        }
    }
    // var headFootUI = new App.HeadFootUI({
        // showHeadBanner : true,
        // showFootBanner : true,
        // showHeadNav : false,
        // showFootNav : true,
        // nav : [{
            // name : '地圖導航',
            // url : 'upaGuidance.html'
        // }],
        // callAfterLoad:function(){
            // MapShare.topHeight = this._elHead.height();
        // }
    // });
    var loadingMov = {
        loadingBegin : exports.loadingBegin,
        loadingFinish : exports.loadingFinish
    };
    var configLan = { // configLan.interfaceErro
        notResult : '無匹配結果',
        clearHistory : '清除歷史記錄',
        hasNotHistory : '暫無歷史記錄',
        emptyWord : '',
        locating : '正在定位您的位置..',
        myPlace : '我的位置',
        Tip : '溫馨提示:',
        putInStartPlace : '請輸入起點',
        putInEndPlace : '請輸入終點',
        interfaceErro:'接口出錯'
    }
    var UpingAnUrl = {
        store : 'data/guidance/store.json'
    }
    if(!App.IS_DEV){
        UpingAnUrl.store = App.getWebServiceUrl('SearchLifeStoreAction');
    }
    var mapObj;
    var searchPathView = null; //來自后面實例化的。。。
    var curInforWindow = null; //當前的彈出窗口
    var topHeight = 68;
    
    var LocationModel = PackTools.Model.extend({
        initLevel : 16, //16
        currentLocal : null, //當前地理位置（用h5獲），沒定位到就為空    
        locating : false, //地理位置方法正在定位        
        serchKeyWord : '',
        city : '', //與 init里的 mapObjects 的坐標對應   北京
        imgUrl : '../../mobile/common_images/',
        storeData : null, //平安門店數據，從平安接口得
        defaults : {
            locationLabel : configLan.locating,
            curAddress : '', //當前位置的全信息            
            itemName : '', //多個地點彈出框 當前點鐘的彈出框的名字. 每次點擊彈出框都會被設置
            pageFrom: '',//由于很多地方可能返回同一個頁面（div），以此表示剛才從哪里來的，以便返回的時候返回到原地
            aroundLocal : {
                name : '',
                pos : null
            }, //周邊搜索時用到的當前位置. name地點名稱， pos:經度和緯度AMap.LngLat
            aroundLocals : [] //多個地點周邊搜索時. 參考queryOutlet:{infoId:item.infoId, position:pos}
        },
        aboutMe : function() {
            
        },
        getLocation : function(success, failure) {
            // 正在定位
            if(this.locating) {
                return false;
            }
            loadingMov.loadingBegin();
            this.locating = true;
            App.consoleLog('App.IS_DEV:' + App.IS_DEV);
            if(App.IS_DEV){ //stz test
                success({
                    coords:{
                        latitude: 31.230393,
                        longitude: 121.473704
                    }
                });
                this.locating = false;
                loadingMov.loadingFinish();
                return;
            }
            if(navigator.geolocation) {
                var self = this;
                navigator.geolocation.getCurrentPosition(function(position) {
                    // 定位成功
                    success(position);
                    self.locating = false;
                    loadingMov.loadingFinish();
                }, function(error) {
                    // 定位失敗
                    failure(error);
                    self.locating = false;
                    loadingMov.loadingFinish();
                }, {
                    enableHighAcuracy : true,//默認為false，是否嘗試更精確地讀取緯度和經度，移動設備上，這可能要使用手機上的GPS，這會消耗移動設備更多的電量
                    timeout : 30000,
                    maximumAge : 3000
                });
            } else {
                // 設備不支持定位
                failure('您的設備不支持Geolocation定位功能！');
                this.locating = false;
                loadingMov.loadingFinish();
            }
        },
        query_byKeywords : function(PoiOptions, startPlace, city, sucess) {
            //地圖相關信息
            loadingMov.loadingBegin();
            var autoCompleter = new AMap.PoiSearch(PoiOptions);
            autoCompleter.byKeywords(startPlace, city, function(resp) {
                sucess(resp);
                loadingMov.loadingFinish();
            });
        },
        query_inputPrompt : function(PoiOptions, place, city, sucess) {
            //地圖相關信息
            loadingMov.loadingBegin();
            var autoCompleter = new AMap.PoiSearch(PoiOptions);
            autoCompleter.inputPrompt(place, city, function(resp) {
                sucess(resp);
                loadingMov.loadingFinish();
            });
        },
        query_byCenPoi : function(PoiOptions, keyword, sucess, failure) {
            //周邊搜索
            loadingMov.loadingBegin();
            var centXY = this.get('aroundLocal').pos;
            if(!centXY) {
                failure('坐標獲取錯誤');
                loadingMov.loadingFinish();
                return;
            }
            var MSearch = new AMap.PoiSearch(PoiOptions);
            MSearch.byCenPoi(centXY, keyword, function(resp) {
                sucess(resp);
                loadingMov.loadingFinish();
            });
        },
        regeocode : function(callBack) {
            // 逆編碼當前位置信息
            loadingMov.loadingBegin();
            var geocoder = new AMap.Geocoder({
                crossnum : 0,
                roadnum : 0,
                poinum : 1
            });
            var coords = this.currentLocal.coords;
            geocoder.regeocode(new AMap.LngLat(coords.longitude, coords.latitude), function(data) {
                callBack(data);
                loadingMov.loadingFinish();
            });
        },
        queryStore : function(coords, callBack) {
            //查詢平安服務門店信息
            loadingMov.loadingBegin();
            var model = this;
            $.ajax({
                url : UpingAnUrl.store, //App.getWebServiceUrl('QueryPAShopInfoController'), //'data/guidance/outlet.json'
                data : {
                    provinceName : '',
                    cityName : model.city || '',
                    areaName : '',
                    longitude : coords.longitude.toString(),
                    latitude : coords.latitude.toString(),
                    radius : '10', //寶安機場到小梅沙直線距離
                    responseProtocol : 'json'
                },
                type : 'GET',
                dataType : 'json',
                error : function(xhr, errorType) {
                    App.consoleLog(errorType);
                    mapView.showMapTip('發生錯誤', '網絡發生錯誤，請稍后重試！');
                    loadingMov.loadingFinish();
                },
                success : function(response) {
                    // 獲取門店信息，在地圖中進行標注
                    loadingMov.loadingFinish();
                    
                    if(!response || +response.resultCode !== 0) {
                        mapView.showMapTip('發生錯誤', '獲取門店信息失敗，請稍后重試！');
                        return false;
                    }
                    if(!response || !response.claimStore || !response.claimStore.length) {
                        mapView.showMapTip('搜索失敗', '附近還沒有找到門店');
                        return false;
                    }
                    callBack(response);
                }
            });
        }
    });
    var locationModel = new LocationModel();
    locationModel.on('locationChange', function(txt) {
        var _locationLabel = mapView.getElement('_locationLabel');
        _locationLabel.text(txt);
    })
    var SearchBarView = PackTools.View.extend({
        historySearchConf : {
            range : 1000000, //9600000 960公里范圍內
            sort : 0,
            retvalue : 1
        },
        tipSearchConf : {//這配置和 inputPrompt也沒啥關系啊
            range : 500000, //找附近50公里內
            sort : 0,
            retvalue : 1
        },
        renderHtml : '',
        initialize : function() {
            var searchbar = this.options.searchbar, drawList = this.options.drawList;
            _.extend(this, {
                searchField : searchbar.find('#searchPageField'),
                searchBtn : searchbar.find('#searchPageBtn'),
                searchTip : this.options.searchTip,
                searchHistory : drawList,
                searchHistoryList : drawList.find('#searchHistoryList'),
                searchHistory_template : drawList.find('#searchHistory_template'),
                clearHistoryBtn : drawList.find('#clearHistoryBtn')
            });
            var el = this.el, input = this.searchField, //parent=el.parent(), btn=this.searchBtn.parent(),
            self = this;
            // input.width(parent.width()-btn.width()-parseInt(input.css('padding-left'))-parseInt(input.css('padding-right')));
            // drawList.width(parent.width()-5);
            this.searchBtn.tap(function() {
                var inputVal = input.val().trim();
                if(inputVal) {
                    /*
                    var newData = Cookie('searchHistoryData');
                    var history = JSON.parse(newData);
                    if(!history)
                        history = [];
                    var hasVal = _.some(history, function(v, i) {
                        if(v.name == inputVal) {
                            return true
                        }
                    });
                    if(!hasVal) {//最多10條
                        history.unshift({
                            id : history.length,
                            name : inputVal
                        });
                        if(history.length > 10) {
                            history = history.slice(0, 10);
                        }
                        Cookie('searchHistoryData', JSON.stringify(history));
                    }
                    */
                     
                    //調周邊搜索api 與首頁的不同
                    self.model.query_byCenPoi(self.historySearchConf, inputVal, function(resp) {
                        if(!resp.list || !resp.list.length){
                            mapView.showMapTip(configLan.Tip, '沒有搜索到關鍵字相關的地點');
                            return;
                        }
                        self.model.serchKeyWord = inputVal;
                        mapView.showSearchResult(resp);
                    },function(erro){
                        if(typeof(erro)=='string'){
                            mapView.showMapTip(configLan.interfaceErro, erro);
                        }
                    });
                } else {
                    mapView.showMapTip('信息不完整', '請輸入要搜索的地點或商戶');
                }
                return false;
            });
            /*
            input.on('focus', function() {
                self.searchTip.hide();
                //與首頁的不同
                var inputVal = input.val().trim();
                if(!inputVal) {
                    var newData = Cookie('searchHistoryData');
                    if(!newData) {
                        self.clearHistoryBtn.text(configLan.hasNotHistory);
                        //與首頁的不同
                    } else {
                        var newData = Cookie('searchHistoryData');
                        var history = JSON.parse(newData);
                        self.clearHistoryBtn.text(configLan.clearHistory);
                        self.renderHtml = _.template(self.searchHistory_template.html(), {
                            history : history
                        });
                        self.renderDrawList();
                    }
                }
                self.searchHistory.show();
                //uPAResizePage();
            });
            input.on('blur', function() {
                var inputVal = input.val().trim();
                self.searchHistory.hide();
                //uPAResizePage();
            });
            input.on('keydown', _.debounce(function(e) {
                var inputVal = input.val().trim();
                if(!inputVal){
                   return;
                }
                self.model.query_inputPrompt(self.tipSearchConf, inputVal, self.model.city, function(resp) {
                    var list = resp.list, history = [];
                    // self.clearHistoryBtn.text(configLan.emptyWord);
                    self.searchHistory.hide();
                    //輸入時隱藏歷史記錄-與首頁的不同
                    self.searchTip.show();
                    //輸入時顯示提示-與首頁的不同
                    if(list && ( len = list.length)) {
                        len = len < 10 ? len : 10;
                        //最多10條記錄
                        for(var i = 0; i < len; i++) {
                            history.unshift({
                                id : i,
                                name : list[i]
                            });
                        }
                        self.renderHtml = _.template(self.searchHistory_template.html(), {
                            history : history
                        });
                        self.renderSearchTip();
                        //與首頁的不同
                    } else {
                        history.unshift({
                            id : -1,
                            name : configLan.notResult
                        });
                        self.renderHtml = _.template(self.searchHistory_template.html(), {
                            history : history
                        });
                        self.renderSearchTip();
                        //與首頁的不同
                    }
                });
            }, 300));
            this.clearHistoryBtn.tap(function() {
                Cookie('searchHistoryData', null);
                self.renderHtml = '';
                self.renderDrawList();
            });
            this.searchHistoryList.tap(function(e) {
                self.searchField.val(e.target.innerText);
            });
            this.searchTip.tap(function(e) {
                self.searchField.val(e.target.innerText);
            });
            */
            // var searchHistoryData = Cookie('searchHistoryData');
            // this.searchHistoryList.data('searchHistoryData',searchHistoryData);
            // var history=JSON.parse(searchHistoryData);
            // this.renderHtml = _.template(self.searchHistory_template.html(), {
            // history : history
            // });
        },
        renderDrawList : function() {
            this.searchHistoryList.html(this.renderHtml);
        },
        renderSearchTip : function() {
            this.searchTip.html(this.renderHtml);
            //uPAResizePage();
        }
    });
    var MapView = PackTools.View.extend({
        _mapObj : null,
        initialize : function() {
            if(!this.el || !this.el.size()) {
                throw new Error('dom element not found');
            }
            var _container = this.el;
            this._mapCtx = _container.find('#mapObj');
            this._topBar = _container.find('#centerSearchTop');
            //頂部欄
            this._bottomBar = _container.find('#mapService');
            //底部欄
            this._locationLabel = _container.find('#locationLabel');
            this._serviceOutlet = _container.find('#serviceOutlet');
            //門店按鈕
            this._locationLabel.text(configLan.locating);
            var self = this;
            var mapServiceVisible = true;
            var _mapTip = $('#mapTip');
            this._mapTipComp = {
                el : _mapTip,
                mapTipTitle : _mapTip.find('#mapTipTitle'),
                mapTipText : _mapTip.find('#mapTipText'),
                mapTipTimeout : null
            }
            //搜索首頁 返回官網首頁
            /*
            var topbarBack = this._topBar.find('#topbarBack');
            topbarBack.tap(function() {
                App.href('index.html');
            });
            */
            var searchbar = this._topBar.find('#searchbar');
            var drawList = this._topBar.find('#searchBarTip');
            var view = this;
            this._searchbar = {//內部對象,首頁搜索組件。對比  SearchView中的，將用 SearchBarView
                el : searchbar,
                isHistory : true, //默認的是歷史記錄列表，否則是提示列表
                historySearchConf : {
                    range : 1000000, //9600000 960公里范圍內
                    sort : 0,
                    retvalue : 1
                },
                tipSearchConf : {
                    range : 500000, //找附近50公里內
                    sort : 0,
                    retvalue : 1
                },
                searchField : searchbar.find('#searchPageField'),
                searchBtn : searchbar.find('#searchPageBtn'),
                searchHistory : drawList.find('#searchHistory'),
                searchHistoryList : drawList.find('#searchHistoryList'),
                searchHistory_template : drawList.find('#searchHistory_template'),
                clearHistoryBtn : drawList.find('#clearHistoryBtn'),
                closeHistoryBtn : drawList.find('#closeHistoryBtn'),
                renderHtml : '',
                init : function() {
                    var el = this.el, parent = el.parent(), input = this.searchField, btn = this.searchBtn.parent(), self = this;
                    //input.width(parent.width() - btn.width() - parseInt(input.css('padding-left')) - parseInt(input.css('padding-right')));
                    //drawList.width(parent.width() - 5);
                    this.searchBtn.tap(function() {
                        var inputVal = input.val().trim();
                        if(inputVal) {
                            /*
                            var newData = Cookie('searchHistoryData');
                            var history = JSON.parse(newData);
                            if(!history)
                                history = [];
                            //searchHistory.push(); //格式: [{id:1,name:"1"},{id:2,name:"2f"}]
                            var hasVal = _.some(history, function(v, i) {
                                if(v.name == inputVal) {
                                    return true
                                }
                            });
                            if(!hasVal) {//最多10條
                                history.unshift({
                                    id : history.length,
                                    name : inputVal
                                });
                                if(history.length > 10) {
                                    history = history.slice(0, 10);
                                }
                                Cookie('searchHistoryData', JSON.stringify(history));
                            }
                            */
                            
                            view.model.query_byKeywords(self.historySearchConf, inputVal, view.model.city, function(resp) {
                                if(!resp.list || !resp.list.length){
                                    mapView.showMapTip(configLan.Tip, '沒有搜索到關鍵字相關的地點');
                                    return;
                                }
                                view.model.serchKeyWord = inputVal;
                                mapView.showSearchResult(resp);
                            });
                        } else {
                            mapView.showMapTip('信息不完整', '請輸入要搜索的地點或商戶');
                        }
                        return false;
                    });
                    /*
                    input.on('focus', function() {
                        self.isHistory = true;
                        var inputVal = input.val().trim();
                        if(!inputVal) {
                            var newData = Cookie('searchHistoryData');
                            if(!newData) {
                                self.clearHistoryBtn.text(configLan.emptyWord);
                            } else {
                                var newData = Cookie('searchHistoryData');
                                var history = JSON.parse(newData);
                                self.clearHistoryBtn.text(configLan.clearHistory);
                                self.renderHtml = _.template(self.searchHistory_template.html(), {
                                    history : history
                                });
                                self.renderDrawList();  
                            }
                        }
                        drawList.show();
                    });
                    input.on('blur', function() {
                        drawList.hide();
                    });
                    input.on('keydown', _.debounce(function(e) {
                        var inputVal = input.val().trim();
                        if(!inputVal){
                           return;
                        }
                        view.model.query_inputPrompt(self.tipSearchConf, inputVal, view.model.city, function(resp) {
                            var list = resp.list, history = [];
                            self.clearHistoryBtn.text(configLan.emptyWord);
                            if(list && ( len = list.length)) {
                                len = len < 10 ? len : 10;
                                //最多10條記錄
                                for(var i = 0; i < len; i++) {
                                    history.unshift({
                                        id : i,
                                        name : list[i]
                                    });
                                }
                                self.renderHtml = _.template(self.searchHistory_template.html(), {
                                    history : history
                                });
                                self.renderDrawList();
                            } else {
                                history.unshift({
                                    id : -1,
                                    name : configLan.notResult
                                });
                                self.renderHtml = _.template(self.searchHistory_template.html(), {
                                    history : history
                                });
                                self.renderDrawList();
                            }
                        });
                    }, 300));
                    this.clearHistoryBtn.tap(function() {
                        Cookie('searchHistoryData', null);
                        self.renderHtml = '';
                        self.renderDrawList();
                        drawList.hide();
                    });
                    this.closeHistoryBtn.tap(function() {
                        drawList.hide();
                    });
                    this.searchHistoryList.tap(function(e) {
                        self.searchField.val(e.target.innerText);
                    });
                    */
                },
                renderDrawList : function() {
                    this.searchHistoryList.html(this.renderHtml);
                }
            }.init();

            this._serviceOutlet.tap(function() {
                view.showServiceOutlet();
            })
        }, //initial
        setMapObj : function(obj) {
            this._mapObj = obj;
        },
        getMapObj : function(obj) {
            return this._mapObj;
        },
        showServiceOutlet : function(jumpCurLocal) {
            //jumpCurLocal: true 跳過 驗證定位
            var view = this;
            var mapviewMod = view.model, coords = null;
            var pos;
            if(jumpCurLocal){
                pos = mapviewMod.get('aroundLocal').pos;
                coords = {
                    longitude: pos.lng,
                    latitude: pos.lat
                };
            }else{
                if(!mapviewMod.currentLocal) {
                    if(mapviewMod.locating) {
                        mapView.showMapTip('正在定位', '正在獲取您所在的位置，請稍等！');
                    } else {
                        mapView.showMapTip('定位失敗', '對不起，無法檢測到您的位置！');
                    }
                    return false;
                }
                coords = mapviewMod.currentLocal.coords
            }
            mapviewMod.queryStore(coords, function(response) {
                mapObj.clearMap();
                var data = response.claimStore, item = null;
                mapviewMod.aroundLocals = [];
                mapviewMod.storeData = data;
                for(var i = 0, len = data.length; i < len; i++) {
                    item = data[i];
                    var pos = new AMap.LngLat(item.longitude, item.latitude); //平安經緯度不是x/y 而是 longitude latitude
                    var img = getCDNPicURL(mapviewMod.imgUrl + "map_pin.png");
                    var marker = new AMap.Marker({
                        map: mapObj,
                        draggable: 0,
                        position : pos, //position:e.lnglat
                        icon : new AMap.Icon({
                            size:new AMap.Size(50,56),
                            image:img
                        }),
                        offset : {
                            x:-14, //-37
                            y:-56
                        }
                    });
                    var info = _.template($('#upaInfoWinTempate').html(), {
                        titleClick : ' onmousedown="App.MapShare.detailView.showOutletDetail(' + item.infoId + ')"',
                        dataTp : item
                    });
                    var inforWindow = new AMap.InfoWindow({
                        autoMove : true,
                        isCustom : true,
                        size : new AMap.Size(330, 90),
                        offset : new AMap.Pixel(0, -58), //0, -45
                        content : info
                    });
                    mapviewMod.aroundLocals.push({
                        infoId : item.infoId,
                        position : pos
                    });
                    AMap.event.addListener(marker,'click',(function(inforWindow, marker, item) {
                        return function() {
                            var tempPos = marker.getPosition();
                            inforWindow.open(view._mapObj, tempPos);
                            var namet = item.storeName;
                            view.model.itemName = namet;
                            curInforWindow = inforWindow;
                            /*
                            var wordLen = namet.getByte(),
                                infoTitle = $('#upaInfoWin'+item.infoId+' .infoTitle'),
                                oldwordPix=infoTitle.width(), wordPix=wordLen*parseInt(infoTitle.css('font-size'))/2+3;
                            if(oldwordPix<wordPix){
                                infoTitle.width(wordPix);
                                $('#upaInfoWin'+item.infoId).css('margin-left',(oldwordPix-wordPix)/2+'px');
                            }
                            */
                        }
                    })(inforWindow, marker, item));
                }                
                mapObj.setFitView();
            });
        },
        showMapTip : function(title, text) {
            var _mapTipComp = this._mapTipComp;
            clearTimeout(_mapTipComp.mapTipTimeout);
            if(!title)
                title = '溫馨提示';
            _mapTipComp.mapTipTitle.text(title);
            _mapTipComp.mapTipText.text(text);
            _mapTipComp.el.show();
            _mapTipComp.el.on('click', function() {
                _mapTipComp.el.hide();
            })
            _mapTipComp.mapTipTimeout = setTimeout(function() {
                _mapTipComp.el.hide();
            }, 3000);
        },
        drawCurPosition : function(pos) {
            var mapviewMod = this.model;
            if(!mapviewMod.currentLocal || !mapviewMod.currentLocal.coords) {
                return false;
            }

            //var coords = mapviewMod.currentLocal.coords;
            //console.log([coords.longitude, coords.latitude]);
            //var pos = new AMap.LngLat(coords.longitude, coords.latitude);
            // 繪制當前位置標識
            var localCircle = new AMap.Circle({
                map: mapObj,
                center : pos,
                radius : 255,
                strokeColor : "#80aced",
                strokeOpacity : 1,
                strokeWeight : 2,
                fillColor : "#80aced",
                fillOpacity : 0.2
            });
            
            var img = getCDNPicURL(mapviewMod.imgUrl + "curPosIcon2.png");
            var localMarker = new AMap.Marker({
                map: mapObj,
                // map : mapObj,
                draggable: 0,
                position : pos, //position:e.lnglat
                icon : img,
                offset : {
                    x:-22,
                    y:-34
                }
            });
            /*
             * new AMap.Icon({
                    size:new AMap.Size(50,56),
                    image:img,
                })
             */
        },
        showCenterMap : function(hide) {
            if(hide) {
                this._topBar.hide();
                this._bottomBar.hide();
            } else {
                this._topBar.show();
                this._bottomBar.show();
            }
        },
        showAroundSerach : function(itemName) {
            searchView.showNearbySearchText(itemName);
            searchView.searchTip.hide();
            searchView.el.show();
            this.el.hide();
            //uPAResizePage();
        },
        showSearchResult : function(resp) {
            if(!resp) {
                return false;
            }
            var list = resp.list;
            if(!list || !list.length) {
                return false;
            }
            //---------------render List
            var view = this, mapviewMod = view.model;
            var mapObj = view.getMapObj();
            mapObj.clearMap();

            //設置各處標題

            var firstItem = null;
            var item = null;
            mapviewMod.aroundLocals = [];
            //var html = [];
            for(var i = 0, len = list.length; i < len; i++) {
                item = list[i];
                var pos = new AMap.LngLat(item.x, item.y);                
                if(i == 0) {
                    firstItem = item;
                }
                var itemNew = {
                    infoId : ''+i,
                    name : item.name,
                    tel : item.tel,
                    address : item.address,
                    distance: item.distance,
                    eaddress: item.eaddress,
                    ename:  item.ename,
                    match: item.match,
                    //name: item.name,
                    pguid: item.pguid,
                    srctype: item.srctype,
                    //tel: item.name,
                    type: item.type,
                    x: item.x,
                    y: item.y,
                    hasSetPos: false //窗體已經設置過位置
                };
                list[i] = itemNew;  //用新格式的數據                
                
                var img = getCDNPicURL(mapviewMod.imgUrl + "map_pin.png");
                var marker = new AMap.Marker({
                    map: mapObj,
                    draggable: 0,
                    position : pos, //position:e.lnglat
                    icon : new AMap.Icon({
                        size:new AMap.Size(50,56),
                        image:img
                    }),
                    offset : {
                        x:-14, //-37
                        y:-56
                    }
                });
                
                var info = _.template($('#upaInfoWinTempate').html(), { //窗口id也和 itemNew.infoId掛鉤，這樣，marker InfoWindow 都掛鉤了并用這個作為區別
                    titleClick : ' onmousedown="App.MapShare.detailView.showOtherDetail(' + itemNew.infoId + ')"',
                    dataTp : itemNew
                });
                var inforWindow = new AMap.InfoWindow({
                    autoMove : true,
                    isCustom : true,
                    size : new AMap.Size(330, 90),
                    offset : new AMap.Pixel(0, -58),
                    content : info
                });
                mapviewMod.aroundLocals.push({
                    infoId : itemNew.infoId,
                    position : pos
                });
                AMap.event.addListener(marker,'click',(function(inforWindow, marker, item) {
                    return function() {
                        var tempPos = marker.getPosition();
                        inforWindow.open(view._mapObj, tempPos);
                        var namet = item.name || item.storeName;
                        view.model.itemName = namet;
                        curInforWindow = inforWindow;
                        /*
                        var wordLen = namet.getByte(),
                            infoTitle = $('#upaInfoWin'+item.infoId+' .infoTitle'),
                            oldwordPix=infoTitle.width(), wordPix=wordLen*parseInt(infoTitle.css('font-size'))/2+3;
                        if(oldwordPix<wordPix){
                            infoTitle.width(wordPix);
                            $('#upaInfoWin'+item.infoId).css('margin-left',(oldwordPix-wordPix)/2+'px');
                            //var newwidth
                        }
                        */
                    }
                })(inforWindow, marker, itemNew));
            }
            mapviewMod.storeData = list;

            if(firstItem) {
                mapObj.setCenter(new AMap.LngLat(firstItem.x, firstItem.y));
            }

            view.el.show();
            view.showCenterMap();
            view._locationLabel.parent().hide();
            mapObj.setFitView();//2013-8-21 搜索結果自適應窗口

            searchView.el.hide();
            //uPAResizePage();
        }
    });
    var DetailView = PackTools.View.extend({
        _mapView : null,
        _mapObj : null,
        initialize : function() {
            if(!this.el || !this.el.size()) {
                throw new Error('dom element not found');
            }
            var el = this.el;
            this._mapView = mapView;
            this._mapObj = mapView._mapObj;
            this.detailName = el.find('#detailName');
            this.detailAddress = el.find('#detailAddress');
            this.detailDistance = el.find('#detailDistance');
            this.detailTel = el.find('#detailTel');
            this.detailPageBack = el.find('#detailPageBack');
            this.detailMapBtn = el.find('#detailMapBtn');
            //查看地圖
            this.detailGoThere = el.find('#detailGoThere');
            this.detailFromHere = el.find('#detailFromHere');
            this.detailFindBtn = el.find('#detailFindBtn');
            //附近
            // mapView.el.data('box-shadow', mapView.el.css('box-shadow'));
            // mapView.el.css('box-shadow','none')
            // this.el.addClass('viewHasBG');
            // this.el.css('top','60px'); // topHeight
            // 從詳情頁返回
            var view = this;
            this.detailPageBack.tap(function() {
                view.model.set('pageFrom',''); //返回首頁清除頁面來源地址
                view._mapView.el.show();
                view.el.hide();
                //uPAResizePage();
            });
            this.detailMapBtn.tap(function() {
                view._mapView.el.show();
                view.el.hide();
                //uPAResizePage();
            });
            this.detailGoThere.click(function() {
                view.el.hide();
                var model=view.model, around=model.get('aroundLocal');
                model.set('pageFrom',detailView.name);
                if(!searchPathView) searchPathView = MapShare.searchPathView;
                // var startPlace = null, coords=null;
                // if(model.currentLocal){//沒定位到值才設置為空  
                    // coords = model.currentLocal.coords;
                    // startPlace = {
                        // name: '我的位置',
                        // x: coords.longitude,
                        // y: coords.latitude
                    // }
                // }
                var place= view.getCurBusInfo();
                searchPathView.setSearchInput(place,{
                    name: around.name,
                    x: around.pos.lng,
                    y: around.pos.lat
                });
                // $("#querypath #startPlace").val('');
                // $("#querypath #endPlace").val(view.model.get('aroundLocal').name);
                // view.el.hide();
                // $('#querypath').show();
                // uPAResizePage();
                return false;
            });
            this.detailFromHere.click(function() {
                view.el.hide();
                var model=view.model, around=model.get('aroundLocal');
                model.set('pageFrom',detailView.name);
                if(!searchPathView) searchPathView = MapShare.searchPathView;
                // var endPlace = null, coords=null;
                // if(model.currentLocal){
                    // coords = model.currentLocal.coords;
                    // endPlace = {
                        // name: '我的位置',
                        // x: coords.longitude,
                        // y: coords.latitude
                    // }
                // }
                var place= view.getCurBusInfo();
                searchPathView.setSearchInput({
                    name: around.name,
                    x: around.pos.lng,
                    y: around.pos.lat
                },place);
                // $("#querypath #startPlace").val(view.model.get('aroundLocal').name);
                // $("#querypath #endPlace").val('');
                // view.el.hide();
                // $('#querypath').show();
                // uPAResizePage();
                return false;
            });
            this.detailFindBtn.tap(function() {
                mapView.showAroundSerach(view.model.itemName);
                view.el.hide();
                searchView.el.show();
                //uPAResizePage();
                return false;
            });
        },
        showOutletDetail : function(id) {
            var view = mapView;
            var target = event.target || event.srcElement;
            var parentWin;
            var data = null;
            var model = view.model;
            var aroundLocals = model.aroundLocals;
            for(var i = 0, len = aroundLocals.length; i < len; i++) {
                if(aroundLocals[i].infoId == id) {
                    data = aroundLocals[i];
                    break;
                }
            }
            //詳情頁會用到 aroundLocal的pos，表示當前點擊的是哪個地點
            model.set({//每次點擊彈出框都會進這 設置數據- 當前 地點。
                aroundLocal : {
                    name : view.model.itemName,
                    pos : data.position
                }
            });
            //詳情
            var storeData = model.storeData;
            for(var i = 0, len = storeData.length; i < len; i++) {
                if(storeData[i].infoId == id) {
                    data = storeData[i];
                    break;
                }
            }
            mapView.el.hide();
            detailView.showDetailPage(data);
        },
        getCurBusInfo : function(){
            //如果有定位到就 返回 當前位置所組成的公交查詢對象
            var place = null, coords=null;
            if(this.model.currentLocal){
                coords = this.model.currentLocal.coords;
                place = {
                    name: '我的位置',
                    x: coords.longitude,
                    y: coords.latitude
                }
            }
            return place;
        },
        showOtherDetail : function(id) {//除門店等 非平安的詳情
            // var data = null;
            // var outletData = this.model.outletData;
            // for (var i = 0, len = outletData.length; i < len; i++) {
            // if (outletData[i].infoId == id) {
            // data = outletData[i];
            // break;
            // }
            // }
            // this._mapView.el.hide();
            // this.showDetailPage(data);
            this.showOutletDetail(id);
        },
        showDetailPage : function(data) {
            this.detailName.html(data.name || data.storeName);
            this.detailAddress.html(data.address);
            //計算兩點間距離
            var currentPos = null, aroundPos = null, coords = null;
            var distance;
            if(this.model.currentLocal){
                coords = this.model.currentLocal.coords;
                currentPos = new AMap.LngLat(coords.longitude, coords.latitude);
                aroundPos = new AMap.LngLat(data.x || data.longitude, data.y || data.latitude);
                distance = currentPos.distance(aroundPos) / 1000;
                this.detailDistance.html(distance.toFixed(2).toString());
                this.detailDistance.parent().show();
            }else{
                this.detailDistance.parent().hide();
            }

            this.detailTel.html(data.tel || data.phone);
            this.el.show();
            //uPAResizePage();
        }
    });
    var SearchView = PackTools.View.extend({
        _mapObj : null,
        initialize : function() {
            if(!this.el || !this.el.size()) {
                throw new Error('dom element not found');
            }
            var el = this.el;
            this._mapObj = mapView._mapObj;
            this.topbar = el.find('.position_box');
            this.searchTip = el.find('#searchTip');
            this.searchHistory = el.find('#searchHistory');
            this.searchService = el.find('#searchService');
            //top:
            this.searchpageBack = el.find('#searchpageBack');
            //searchService:
            this.nearbySearchText = this.searchService.find('.near_search');
            this.outletBtn = this.searchService.find('#serviceOutlet');
            var view = this;
            this.searchTip.hide();
            this.searchHistory.hide();
            this.searchpageBack.tap(function() {
                //回首頁- 不回詳情了。  因為首頁也有附近搜索
                mapView.el.show();
                view.el.hide();
                //uPAResizePage();
            })

            this._searchbar = new SearchBarView({
                el : view.topbar.find('#searchbar'),
                model : locationModel,
                searchbar : view.topbar.find('#searchbar'),
                drawList : view.searchHistory,
                searchTip : view.searchTip
            });

            this.outletBtn.tap(function() {
                mapView.showServiceOutlet(true);
                mapView._topBar.show();
                mapView.el.show();
                view.el.hide();
                //uPAResizePage();
            });
        }, //initial
        showNearbySearchText : function(text) {
            this.nearbySearchText.find('span').text(text);
        }
    });
    var mapView = new MapView({
        el : $('#map'), //容器Dom對象 最外層的容器
        model : locationModel,
        name : 'mapView1'
    });
    var detailView = new DetailView({
        el : $('#detailpage'),
        model : locationModel,
        name : 'detailView1'
    });
    var searchView = new SearchView({
        el : $('#searchpage'),
        model : locationModel,
        name : 'searchView1'
    })
    function getLocation() {
        var mapviewMod = mapView.model;
        return mapviewMod.getLocation(function(position) {
            var coords = position.coords;
            mapviewMod.currentLocal = position;
            
            // console.log([coords.longitude, coords.latitude]);
            var pos=new AMap.LngLat(coords.longitude, coords.latitude);
            // mapObj.setCenter(pos);
            // mapObj.setZoom(mapviewMod.initLevel);
            mapObj.setZoomAndCenter(mapviewMod.initLevel, pos);
            mapObj.clearMap();
            mapView.drawCurPosition(pos);
            // mapObj.setFitView();
            //stz必須在 setCenter后
            mapviewMod.regeocode(function(data) {
                if(data && data.list) {
                    var local = data.list[0];
                    var province = local.province.name;
                    var city = mapviewMod.city = local.city.name;
                    var district = local.district.name;

                    var road = local.roadlist || '';
                    if(road) {
                        road = road[0].name;
                    }

                    var address = local.poilist || '';
                    if(address) {
                        address = address[0].address || address[0].name;
                    }
                    var curAddress = province + ' ' + city + ' ' + district + ' ' + road + ' ' + address;
                    //road 加一條路
                    mapView._locationLabel.text(curAddress);
                    mapviewMod.set({
                        curAddress : curAddress
                    });
                }
                loadingMov.loadingFinish();
            });
        }, function(error) {
            loadingMov.loadingFinish();
            if( typeof (error) == 'string') {
                mapView._locationLabel.text(error);
                return;
            }
            switch(error.code) {
                case error.TIMEOUT:
                    mapView._locationLabel.text('定位超時，請稍后重試！');
                    mapView.showMapTip('定位失敗', '定位超時，請稍后重試！');
                    break;
                case error.POSITION_UNAVAILABLE:
                    mapView._locationLabel.text('對不起，無法檢測到您的位置！');
                    mapView.showMapTip('定位失敗', '對不起，無法檢測到您的位置！');
                    break;
                case error.PERMISSION_DENIED:
                    mapView._locationLabel.text('請開啟允許使用Geolocation功能！');
                    mapView.showMapTip('定位失敗', '請開啟允許使用Geolocation功能！');
                    break;
                case error.UNKNOWN_ERROR:
                    mapView._locationLabel.text('發生未知錯誤！');
                    mapView.showMapTip('定位失敗', '發生未知錯誤！');
                    break;
            }
        });
    }

    function init() {
        // 獲取用戶當前位置
        try {
            // 調整地圖高度
            mapView.getElement().height(document.documentElement.clientHeight - topHeight);
            //70 頂部banner條高度
            //地圖容器
            var mapObjs = new AMap.Map('mapObj', {
                center : new AMap.LngLat(116.397428, 39.90923),
                level : 4 //options. mapView.model.initLevel
            });
            
            mapView.setMapObj(mapObjs);
            mapObj = mapObjs;
            //加載工具條插件
            mapObj.plugin(["AMap.ToolBar"],function(){
                //加載工具條
                var tool = new AMap.ToolBar({
                    //初始化定義配置
                    //direction:true,//方向鍵盤
                    //ruler:false,//隱藏視野級別控制尺
                    offset:new AMap.Pixel(30,120)
                    // autoPosition:false
                });
                mapObj.addControl(tool);
            });
            //curInforWindow
        } catch(e) {
            App.onload();
            console.dir(e);
            mapView._locationLabel.text('發生未知錯誤！請檢查網絡并刷新頁面');
            mapView.showMapTip('地圖初始化錯誤', '高德地圖發生未知錯誤！請嘗試重新刷新頁面或檢查網絡');
        }
        AMap.event.addListener(mapObj,'click',function() {
            if(curInforWindow){
                 curInforWindow.close();
                 curInforWindow = null;
            }
        });
        setTimeout(function(){
            getLocation();
        },100)
        
        App.onload();
    }
    init();

    _.extend(MapShare,{//GuidanceMap
        mapView : mapView,
        detailView : detailView,
        searchView : searchView,
        configLan : configLan,
        headFootUI : headFootUI,
        clone : function(obj) {
            var cloneClass = new Function();
            cloneClass.prototype = obj;
            return new cloneClass();
        }
        // topHeight : topHeight
        // mapObj:mapObj,
        // busInfo:{start:{name:'', x:0, y:0}, end: {}},
        // city:'深圳',
        // confirm: confirm,
        // addSearchHistory: addSearchHistory,
        // searchPageShow: searchPageShow,
        // showOutletDetail:showOutletDetail,
        // showMaintainDetail:showMaintainDetail
    });
    exports.MapShare = MapShare;

})(App);