<?php $style = ! empty( $instance['style'] ) ? $instance['style'] : ''; ?>
<?php $style_slug = ! empty( $_GET['map-style'] ) ? $_GET['map-style'] : $style; ?>

<div class="map-wrapper">
    <div class="map" id="map" 
         data-transparent-marker-image="<?php echo get_template_directory_uri(); ?>/assets/img/transparent-marker-image.png"
         data-latitude="<?php echo esc_attr( $instance['latitude'] ); ?>" 
         data-longitude="<?php echo esc_attr( $instance['longitude'] ); ?>"
         data-zoom="<?php echo esc_attr( $instance['zoom'] ); ?>"      
         data-styles='<?php echo Realia_Google_Maps_Styles::get_style( $style_slug ); ?>'>
    </div>

	<?php if ( is_active_sidebar( 'property-map' ) ) : ?>
		<div class="property-map-widget-area">
			<div class="container">
				<div class="row">
					<div class="col-sm-4 col-sm-offset-8 col-md-3 col-md-offset-9">
						<div class="property-map-widget-area-inner">
							<?php dynamic_sidebar( 'property-map' ); ?>
						</div><!-- /.property-map-widget-area-inner -->
					</div><!-- /.col-* -->
				</div><!-- /.row -->
			</div><!-- /.container -->
		</div><!-- /.property-map-widget-area -->
	<?php endif; ?>	
</div><!-- /.map-wrapper -->
