<?php
    /* .............................................................................
    * Author:--------------- LogicHunt Team
    * AuthorEmail:-----------logichunt.info@gmail.com
    * Technical Support:---- http://logichunt.com/
    * Websites:------------- http://logichunt.com/
    * Copyright:------------ Copyright (C) 2015 logichunt.com. All Rights Reserved.
    * License:-------------- http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
    * ..............................................................................
    * File:-  mod_gmap_embed.php - Module - Google Map Embed
    ................................................................................ */



    defined ('_JEXEC') or die;

    $document = JFactory::getDocument ();
    $document->addScript ('https://maps.googleapis.com/maps/api/js?key='.$api_key.'&v=3.exp');
    $document->addScript (JUri::root () . 'modules/mod_gmap_embed/assets/js/jquery.googlemap.js');

?>

<script type="text/javascript">

    jQuery(document).ready(function ($) {

        $("#lgxmapcanvas<?php echo $module->id; ?>").googleMap({
            zoom: <?php echo $lgxmap_zoomsize; ?>,
            type: '<?php echo $lgxmap_maptype; ?>',
            mouseZoom: <?php echo $lgxmap_mouseZoom ;?>
        });

        //for marker
        $("#lgxmapcanvas<?php echo $module->id; ?>").addMarker({
            coords: ['<?php echo $lgxgmap_latitude; ?>', '<?php echo $lgxgmap_longitude; ?>'], // GPS coords
            <?php echo $lgxgmap_icon_show; ?> // Icon URL,
            <?php echo $infowindow; ?>

        });

    });


</script>

<?php

    $document->addStyleDeclaration ('


            .lgx-gmap-wrapper .lgx-gmap-canvas {
                min-height: 450px;
            }

            .lgx-gmap-wrapper #lgxmapcanvas'.$module->id.' {
                height:' . $lgxmap_height . 'px ;
                width:100%;
                z-index: 2;
            }
            .lgx-gmap-wrapper .lgx-gmap-canvas h1 {
                text-align: center;

            }
            .lgx-gmap-wrapper .lgx-gmap-canvas div {
                text-align: center;
            }
            .lgx-gmap-wrapper .lgx-gmap-canvas img {
                max-width: none;
            }
            .lgx-gmap-wrapper #content {
                text-align: center;
            }
            .lgx-gmap-wrapper #content #firstHeading {
                color: #2ecb71;
            }
            .lgx-gmap-wrapper {
                padding: 20px 0;
            }
    ');

?>


<div id="mod_gmap_embed<?php echo $module->id; ?>" class="mod_gmap_embed<?php echo $moduleclass_sfx ?>">
    <div id="lgx-gmap-wrapper<?php echo $module->id; ?>" class="lgx-gmap-wrapper">
        <div id="lgxmapcanvas<?php echo $module->id; ?>" class="lgx-gmap-canvas"></div>
    </div>
</div>