var mapChart = false;
var mydata = new Array;
var minimizeIcon='image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOBAMAAADtZjDiAAAALVBMVEUAAABxcXFxcXFxcXFxcXFxcXFxcXFxcXFxcXFxcXFxcXFxcXFxcXFxcXFxcXESfbvMAAAAD3RSTlMA1TbR7i9d3ykJ47pY5bgUQa3TAAAAU0lEQVQI12PYxJDAwMPQzdAYIMDAOFWIgVXIgIFZMYCBU6uAgWURA8NBEwcGlmIzBkIg2RyozlmMgUHLgYH90gS4OYqRAgzMTBIMOxgOMLAx6AEACfwNMZ/8LTEAAAAASUVORK5CYII=',fullscreenIcon='image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOBAMAAADtZjDiAAAAHlBMVEUAAABxcXFxcXFxcXFxcXFxcXFxcXFxcXFxcXFxcXFAkzEkAAAACnRSTlMALdDW6P25V0wBpuE5RgAAAEZJREFUCNdjCFFqYOBQcmVwFmBgYGA0YVA0BNLCQgwKwgIMjIZMDAWMCQxsAuwMeMEEBoYGkDpJDpg+mDlwc0OUChjYlVwByXkILHTQpEsAAAAASUVORK5CYII=';
var optionMap = {  
      backgroundColor: '#FFFFFF',   
      visualMap: {  
          show : false,  
          x: 'left',  
          y: 'center',   
          inRange: {
            color: ['#5475f5', '#9feaa5', '#85daef','#74e2ca', '#e6ac53', '#9fb5ea']
          }
      }, 
      toolbox: {  
          show: true,  
          feature: {   
              myTool2: {
                  show: true,
                  title: '鍏ㄥ睆',
                  icon: fullscreenIcon,
                  onclick: function (){
                    var mapboxDom = document.getElementById('container-map');
                    if (fullscreen.enabled) {
                      fullscreen.toggle(mapboxDom);
                    }
                  }
              }
          }
      },

      //閰嶇疆灞炴€
      series: [{  
          name: '鍖哄煙',  
          type: 'map',  
          mapType: 'china',   
          roam: false,
          zoom:1.2,
          label: {  
            show: true
          },
          //selectedMode: 'single',
          data:mydata
      }]  
  }; 
var container_map = document.getElementById('container-map');
mapChart = echarts.init(document.getElementById('container-map'));
mapChart.on('finished', function () {
  var parent = $('#container-map');
  var has_am_modal_map = parent.find('#am-modal-map');
  if(!has_am_modal_map.length){
    parent.append('<div class="am-modal am-modal-no-btn" tabindex="-1" id="am-modal-map"><div class="am-dimmer am-active" data-am-dimmer=""></div><div class="am-modal-dialog"><div class="am-modal-hd am-margin-bottom-xs"><span class="am-modal-map-title"></span><a href="javascript: void(0)" class="am-close am-close-spin" data-am-modal-close>&times;</a></div><div class="am-modal-bd am-text-left am-modal-map-lists"><div class="am-modal-map-list am-responsive-width am-margin-sx"></div></div></div></div>')
      .on('closed.modal.amui', function() {
        console.log('amui.modal');
      });
  }
})
mapChart.on('click', function(params) {
  var data = params.data||false;
  if(!data) return false;
  $('.am-modal-map-title').html('<a href="'+data.href+'" class="am-link-muted" target="_blank">'+data.name+'</a>');
  getAreaData(data.value);
});
getMapInitData();
window.onresize = function () {
  if(mapChart){
    if(fullscreen.isFullscreen){
      optionMap.toolbox.feature.myTool2.title='杩斿洖';
      optionMap.toolbox.feature.myTool2.icon=minimizeIcon;
    }else{
      optionMap.toolbox.feature.myTool2.title='鍏ㄥ睆';
      optionMap.toolbox.feature.myTool2.icon=fullscreenIcon;
    }
    mapChart.setOption(optionMap)
    mapChart.resize();
  }
};
function getMapInitData(){
   $mapdata = $('#container-map').data('map');
   if(typeof($mapdata)!='object' || !$mapdata.length){
     return false;
   }
   mapChart.showLoading({text: '鍔犺浇涓€?});
   $.each($mapdata,function(k,val){
    mydata.push({name:val.name,value:val.id,href:val.href});
    if(k==$mapdata.length-1){
      mapChart.hideLoading();
      mapChart.setOption(optionMap);
    }
   })
}
function getAreaData(pid){
   pid = pid||0;
   var parent = $('#container-map');
   var scrollTop = $(window).scrollTop();
   var parentOffsetTop = parent.offset().top;
   parent.find('.am-modal-map-list').children().remove();
   if(scrollTop>parentOffsetTop){
     $(window).smoothScroll({position:parentOffsetTop*0.9})
   }
   $.getJSON('/api/region/mlist',{pid:pid},function(d) {
      d.data = d.data||[];
      if(d.data.length==0){
        parent.find('#am-modal-map').modal({dimmer:false});
        getAreaDetail(pid);
        return false;
      }
      var am_modal_map_list_html='';
      $.each(d.data,function(k,val){
        am_modal_map_list_html += '<li class="fontstyleb"><a href="'+val.href+'" class="am-link-muted" target="_blank">'+val.name+'</a></li>';
        if(k==d.data.length-1){
          parent.find('.am-modal-map-list').append('<ul class="am-padding-0 am-cf">'+am_modal_map_list_html+'</ul>');
          parent.find('#am-modal-map').modal({dimmer:false});
        }
      })
   }).error(function(){
      console.log('缃戠粶閾炬帴澶辫触锛?);
   })
}