function widget($args, $instance)
{
// extracting info
$instance = wp_parse_args($instance, array('zoom' => 5, 'maptype' => 'ROADMAP', 'height' => 400));
extract($args);
extract($instance);
if (empty($markers)) {
return;
}
wp_enqueue_script('gmap-api', 'http' . (is_ssl() ? 's' : '') . '://maps.google.com/maps/api/js?sensor=false', false, false, true);
wp_enqueue_script('jquery-gmap', framework_url() . 'builder/modules/gmap/jquery.gmap.min.js', false, false, true);
$pin_url = framework_url() . 'builder/modules/gmap/pin.png';
echo '<style type="text/css">
.google-map { height: ' . $height . 'px; }
</style>';
echo '<div class="google-map" id="googlemaps"></div>';
$markers_js = '';
$count = count($markers);
foreach ($markers as $marker) {
$anchor = '';
if (!empty($marker['lat']) && !empty($marker['long'])) {
$anchor = '<br><br><a href=\'#\' onclick=\'mapCenterAt({latitude: ' . $marker['lat'] . ', longitude: ' . $marker['long'] . ', zoom: 16}, event)\'>' . __('[+] zoom here', 'spyropress') . '</a>';
}
$popup = 1 == $count ? ',popup: true' : '';
$markers_js .= '
{
address: "' . $marker['address'] . '",
html: "<strong>' . $marker['title'] . '</strong><br>' . $marker['desc'] . $anchor . '",
icon: {
image: "' . $pin_url . '",
iconsize: [26, 46],
iconanchor: [12, 46]
}
' . $popup . '
},';
}
$markers_js = '// Map Markers' . "\n" . 'var mapMarkers = [' . $markers_js . '];';
$init_lat = !empty($init_lat) ? $init_lat : 0;
$init_long = !empty($init_long) ? $init_long : 0;
$markers_js .= "\n\n" . '// Map Initial Location' . "\n";
$markers_js .= 'var initLatitude = ' . $init_lat . ';' . "\n";
$markers_js .= 'var initLongitude = ' . $init_long . ';' . "\n";
$markers_js .= "\n\n" . '// Map Extended Settings' . "\n";
$markers_js .= '
var mapSettings = {
controls: {
panControl: true,
zoomControl: true,
mapTypeControl: true,
scaleControl: true,
streetViewControl: true,
overviewMapControl: true
},
scrollwheel: false,
maptype: "' . $maptype . '",
markers: mapMarkers,
latitude: initLatitude,
longitude: initLongitude,
zoom: ' . $zoom . '
};
var map = $("#googlemaps").gMap(mapSettings);
// Add Markers
jQuery.each( mapMarkers, function(index, value) {
$("#googlemaps").gMap("addMarker", value);
});
';
$centerat_js = "\n\n" . '// Map Center At' . "\n";
$centerat_js .= '
var mapCenterAt = function(options, e) {
e.preventDefault();
jQuery("#googlemaps").gMap("centerAt", options);
}';
add_jquery_ready($markers_js);
add_inline_js($centerat_js);
}
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_button_pinterest_pinit"></a>
<a class="addthis_counter addthis_pill_style"></a>
</div>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#async=1"></script>
<!-- AddThis Button END -->
<?php
add_inline_js('var addthis_config = {
"pubid": \'' . get_setting('add_this_pub_id') . '\'
};addthis.init();');
