source: extensions/GMaps/js/gmapsPicture.js @ 7125

var viewportInitialized = {
  icon:false,
  meta:false
};

function applyMap(properties)
{
  var latlng=new google.maps.LatLng(gmaps.coords.latitude, gmaps.coords.longitude);

  var map = new google.maps.Map($("#"+properties.id).get(0),
    {
      mapTypeId: properties.mapType,
      zoom: properties.zoomLevel,
      center:latlng,
      navigationControl: (properties.navigationControl==-1)?false:true,
      scrollwheel: (properties.navigationControl==-1)?false:true,
      scaleControl: (properties.scaleControl=='n')?false:true,
      mapTypeControl:(properties.mapTypeControl==-1)?false:true,
      mapTypeControlOptions:
        {
          style:properties.mapTypeControl
        },
      markerTitle:'',
    }
  );

  if(properties.marker)
  {
    var marker = new google.maps.Marker(
      {
        position:latlng,
        map: map,
        title:properties.markerTitle
      }
    );
  }

  if(properties.kmlFileUrl!='')
  {
    kmlFile = new google.maps.KmlLayer(properties.kmlFileUrl,
      {
        preserveViewport:true
      }
    );
  }
  else
  {
    kmlFile=null;
  }

  map.kmlFile=kmlFile;


  properties.gMap=map;
  properties.gMapCenter=latlng;
}

$(window).load(function ()
  {
    gmaps.currentMapLoadIndex=-1;

    for(i=0;i<gmaps.maps.length;i++)
    {
      applyMap(gmaps.maps[i]);
      gmaps.maps[i].gMap.setCenter(gmaps.maps[i].gMapCenter);
      $('#'+gmaps.maps[i].id+' span, #'+gmaps.maps[i].id+' a').css('font-size', '55.0%');

      if(gmaps.maps[i].gMap.kmlFile!=null)
        gmaps.maps[i].gMap.kmlFile.setMap(gmaps.maps[i].gMap);

      if(gmaps.maps[i].displayType=='IP')
      {
        gmaps.currentMapLoadIndex=i;
        if(gmaps.maps[i].sizeMode=='A')
        {
          $('#iGMapsIcon').css(
            {
              width: ($(window).width()*0.8)+'px',
              height:($(window).height()*0.8)+'px'
            }
          );
        }
      }
    }

    /*
     * this trick is needed for the gally template, because the map initialisation
     *  don't works if the container is not visible
     *
     * for the classic default template, this code is ignored
     *
     * >>>
     */
    if($('#iGMapContent').length>0)
    {
      tabId=$('#iGMapContent').get(0).parentNode.parentNode.id;
      tabId='tab'+tabId.toUpperCase().substring(0,1)+tabId.substr(1);
      $("#"+tabId+" a").bind('click', function ()
       {
          if(viewportInitialized.meta==false)
          {
            for(i=0;i<gmaps.maps.length;i++)
            {
              if(gmaps.maps[i].displayType=='MP')
              {
                google.maps.event.trigger(gmaps.maps[i].gMap, 'resize');
                gmaps.maps[i].gMap.setCenter(gmaps.maps[1].gMapCenter);
                $('#'+gmaps.maps[i].id+' span, #'+gmaps.maps[i].id+' a').css('font-size', '55.0%');
              }
            }
            viewportInitialized.meta=true;
          }
       }
      );
    }
    /*
     * <<<
     */


    /*
     * manage the popup map
     */
    if($('#iGMapsIconContent').length>0)
    {
      $('#iGMapsIconContent').dialog(
        {
          autoOpen:false,
          width:'auto',
          height:'auto',
          modal: true,
          closeText:'X',
          dialogClass: 'gmapsPopup',
          title: gmaps.maps[gmaps.currentMapLoadIndex].title,
          open: function ()
            {
              if(viewportInitialized.icon==false && gmaps.currentMapLoadIndex!=-1)
              {
                google.maps.event.trigger(gmaps.maps[gmaps.currentMapLoadIndex].gMap, 'resize');
                gmaps.maps[gmaps.currentMapLoadIndex].gMap.setCenter(gmaps.maps[gmaps.currentMapLoadIndex].gMapCenter);
                $('#iGMapsIcon span, #iGMapsIcon a').css('font-size', '55.0%');
                if(gmaps.maps[gmaps.currentMapLoadIndex].gMap.kmlFile!=null)
                  gmaps.maps[gmaps.currentMapLoadIndex].gMap.kmlFile.setMap(gmaps.maps[gmaps.currentMapLoadIndex].gMap);
                viewportInitialized.icon=true;
              }

              google.maps.event.addListener(
                gmaps.maps[gmaps.currentMapLoadIndex].gMap,
                'dragend',
                function()
                {
                  $('#gmapsCenterMap').css('display', 'inline');
                  $('#gmapsBoundKml').css('display', 'inline');
                }
              );

              google.maps.event.addListener(
                gmaps.maps[gmaps.currentMapLoadIndex].gMap,
                'zoom_changed',
                function()
                {
                  $('#gmapsCenterMap').css('display', 'inline');
                  $('#gmapsBoundKml').css('display', 'inline');
                }
              );
            }
        }
      );

      $('div.gmapsPopup div.ui-dialog-titlebar')
      .append('<a href="" id="gmapsCenterMap" style="display:none;" onclick="gmaps.maps[gmaps.currentMapLoadIndex].gMap.setCenter(gmaps.maps[gmaps.currentMapLoadIndex].gMapCenter); $(this).css(\'display\', \'none\').blur(); return(false);">'+
              '<span>&bull;</span></a>');
      $('#gmapsCenterMap').attr('title', gmaps.lang.centermap);

      if(gmaps.maps[gmaps.currentMapLoadIndex].gMap.kmlFile!=null)
      {
        $('div.gmapsPopup div.ui-dialog-titlebar')
          .append('<a href="" id="gmapsBoundKml" onclick="gmaps.maps[gmaps.currentMapLoadIndex].gMap.fitBounds(gmaps.maps[gmaps.currentMapLoadIndex].gMap.kmlFile.getDefaultViewport()); $(this).css(\'display\', \'none\').blur(); return(false);">'+
                  '<span>&sim;</span></a>');
        $('#gmapsBoundKml').attr('title', gmaps.lang.boundkml);
      }


    }


  }
);