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

/**
 * -----------------------------------------------------------------------------
 * file: gmapsPicture.js
 * file version: 1.0.0
 * date: 2010-10-10
 */


var viewportInitialized = {
  icon:false,
  meta:false
};
var markerImgProp = [
  null,
  { w:32, h:32, x:15, y:31 }, // s01
  { w:32, h:32, x:15, y:31 }, // s02
  { w:32, h:32, x:10, y:31 }, // s03
  { w:30, h:40, x:4, y:39 }, // s04
];


function applyMap(properties)
{
  var latlng=new google.maps.LatLng(gmaps.coords.latitude, gmaps.coords.longitude),
      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:'',
              }
            ),
      marker = new google.maps.Marker(
                  {
                    position:latlng,
                    map: map,
                    title:properties.markerTitle
                  }
                );


  re=/^mS(\d\d)_.*/i;
  iM=re.exec(properties.markerImg);
  if(iM!=null) iM=new Number(iM[1]);

  if(iM!=null)
  {
    var markerImg = new google.maps.MarkerImage('plugins/GMaps/img/'+properties.markerImg,
        new google.maps.Size(markerImgProp[iM].w, markerImgProp[iM].h),
        new google.maps.Point(0,0),
        new google.maps.Point(markerImgProp[iM].x, markerImgProp[iM].y));
    marker.setIcon(markerImg);
  }





  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);
      }


    }


  }
);