function attr()
{
$attr = array();
$attr['class'] = 't4p-highlight';
$brightness_level = T4PCore_Plugin::calc_color_brightness(self::$args['color']);
if ($brightness_level > 140) {
$attr['class'] .= ' light';
} else {
$attr['class'] .= ' dark';
}
if (self::$args['class']) {
$attr['class'] .= ' ' . self::$args['class'];
}
if (self::$args['rounded'] == 'yes') {
$attr['class'] .= ' rounded';
}
if (self::$args['id']) {
$attr['id'] = self::$args['id'];
}
if (self::$args['color'] == 'black') {
$attr['class'] .= ' highlight2';
} else {
$attr['class'] .= ' higlight1';
}
$attr['style'] = sprintf('background-color:%s;', self::$args['color']);
return $attr;
}
/**
* Render the shortcode
* @param array $args Shortcode paramters
* @param string $content Content between shortcode
* @return string HTML output
*/
function render($args, $content = '')
{
global $smof_data;
$defaults = T4PCore_Plugin::set_shortcode_defaults(array('class' => '', 'id' => '', 'animation' => 'no', 'address' => '', 'height' => '300px', 'icon' => '', 'infobox' => '', 'infobox_background_color' => '', 'infobox_content' => '', 'infobox_text_color' => '', 'map_style' => '', 'overlay_color' => '', 'popup' => 'yes', 'scale' => 'yes', 'scrollwheel' => 'yes', 'type' => 'roadmap', 'width' => '100%', 'zoom' => '14', 'zoom_pancontrol' => 'yes'), $args);
extract($defaults);
self::$args = $defaults;
$html = '';
if ($address) {
$addresses = explode('|', $address);
if ($infobox_content) {
$infobox_content_array = explode('|', $infobox_content);
} else {
$infobox_content_array = '';
}
if ($icon) {
$icon_array = explode('|', $icon);
} else {
$icon_array = '';
}
if ($addresses) {
self::$args['address'] = $addresses;
}
$num_of_addresses = count($addresses);
if (is_array($infobox_content_array) && !empty($infobox_content_array)) {
for ($i = 0; $i < $num_of_addresses; $i++) {
if (!$infobox_content_array[$i]) {
$infobox_content_array[$i] = $addresses[$i];
}
}
self::$args['infobox_content'] = $infobox_content_array;
} else {
self::$args['infobox_content'] = self::$args['address'];
}
if ($icon && strpos($icon, '|') === false) {
for ($i = 0; $i < $num_of_addresses; $i++) {
$icon_array[$i] = $icon;
}
}
if ($map_style == 'theme') {
$map_style = 'custom';
$icon = 'theme';
$animation = 'yes';
$infobox = 'custom';
$infobox_background_color = T4PCore_Plugin::hex2rgb($smof_data['primary_color']);
$infobox_background_color = 'rgba(' . $infobox_background_color[0] . ', ' . $infobox_background_color[1] . ', ' . $infobox_background_color[2] . ', 0.8)';
$overlay_color = $smof_data['primary_color'];
$brightness_level = T4PCore_Plugin::calc_color_brightness($smof_data['primary_color']);
if ($brightness_level > 140) {
$infobox_text_color = '#fff';
} else {
$infobox_text_color = '#747474';
}
}
if ($icon == 'theme' && $map_style == 'custom') {
for ($i = 0; $i < $num_of_addresses; $i++) {
$icon_array[$i] = plugins_url('images/t4p_map_marker.png', dirname(__FILE__));
}
}
wp_print_scripts('google-maps-api');
wp_print_scripts('google-maps-infobox');
foreach (self::$args['address'] as $add) {
$coordinates[] = $this->get_coordinates($add);
}
if (!is_array($coordinates)) {
return;
}
$map_id = uniqid('t4p_map_');
// generate a unique ID for this map
$this->map_id = $map_id;
ob_start();
?>
<script type="text/javascript">
var map_<?php
echo $map_id;
?>
;
var markers = [];
var counter = 0;
function t4p_run_map_<?php
echo $map_id;
?>
() {
var location = new google.maps.LatLng(<?php
echo $coordinates[0]['lat'];
?>
, <?php
echo $coordinates[0]['lng'];
?>
);
var map_options = {
zoom: <?php
echo $zoom;
?>
,
center: location,
mapTypeId: google.maps.MapTypeId.<?php
echo strtoupper($type);
?>
,
scrollwheel: <?php
echo $scrollwheel == 'yes' ? 'true' : 'false';
?>
,
scaleControl: <?php
echo $scale == 'yes' ? 'true' : 'false';
?>
,
panControl: <?php
echo $zoom_pancontrol == 'yes' ? 'true' : 'false';
?>
,
zoomControl: <?php
echo $zoom_pancontrol == 'yes' ? 'true' : 'false';
?>
};
map_<?php
echo $map_id;
?>
= new google.maps.Map(document.getElementById("<?php
echo esc_attr($map_id);
?>
"), map_options);
<?php
$i = 0;
?>
<?php
foreach ($coordinates as $key => $coordinate) {
?>
var content_string = "<div class='info-window'><?php
echo self::$args['infobox_content'][$key];
?>
</div>";
<?php
if ($overlay_color && $map_style == 'custom') {
?>
var styles = [
{
stylers: [
{ hue: '<?php
echo $overlay_color;
?>
' },
{ saturation: -20 }
]
},{
featureType: "road",
elementType: "geometry",
stylers: [
{ lightness: 100 },
{ visibility: "simplified" }
]
},{
featureType: "road",
elementType: "labels",
}
];
map_<?php
echo $map_id;
?>
.setOptions({styles: styles});
<?php
}
?>
map_<?php
echo $map_id;
?>
_args = {
position: new google.maps.LatLng("<?php
echo $coordinate['lat'];
?>
", "<?php
echo $coordinate['lng'];
?>
"),
map: map_<?php
echo $map_id;
?>
};
<?php
if ($animation == 'yes' && $map_style == 'custom') {
?>
map_<?php
echo $map_id;
?>
_args.animation = google.maps.Animation.DROP;
<?php
}
?>
<?php
if ($icon == 'theme' && isset($icon_array[$i]) && $icon_array[$i] && $map_style == 'custom') {
?>
map_<?php
echo $map_id;
?>
_args.icon = new google.maps.MarkerImage( '<?php
echo $icon_array[$i];
?>
', null, null, null, new google.maps.Size( 37, 55 ) );
<?php
} else {
if (isset($icon_array[$i]) && $icon_array[$i] && $map_style == 'custom') {
?>
map_<?php
echo $map_id;
?>
_args.icon = '<?php
echo $icon_array[$i];
?>
';
<?php
}
}
?>
<?php
$i++;
?>
markers[counter] = new google.maps.Marker(map_<?php
echo $map_id;
?>
_args);
<?php
if ($infobox == 'custom' && $map_style == 'custom') {
?>
var info_box_div = document.createElement('div');
info_box_div.className = 't4p-info-box';
info_box_div.style.cssText = 'background-color:<?php
echo $infobox_background_color;
?>
;color:<?php
echo $infobox_text_color;
?>
;';
info_box_div.innerHTML = content_string;
var info_box_options = {
content: info_box_div
,disableAutoPan: false
,maxWidth: 150
,pixelOffset: new google.maps.Size(-125, 10)
,zIndex: null
,boxStyle: {
background: 'none'
,opacity: 1
,width: "250px"
}
,closeBoxMargin: "2px 2px 2px 2px"
,closeBoxURL: "http://www.google.com/intl/en_us/mapfiles/close.gif"
,infoBoxClearance: new google.maps.Size(1, 1)
};
markers[counter]['infowindow'] = new InfoBox(info_box_options);
markers[counter]['infowindow'].open(map_<?php
echo $map_id;
?>
, markers[counter]);
<?php
if ($popup != 'yes') {
?>
markers[counter]['infowindow'].setVisible( false );
<?php
}
?>
google.maps.event.addListener(markers[counter], 'click', function() {
if( this['infowindow'].getVisible() ) {
this['infowindow'].setVisible( false );
} else {
this['infowindow'].setVisible( true );
}
});
<?php
} else {
?>
markers[counter]['infowindow'] = new google.maps.InfoWindow({
content: content_string
});
<?php
if ($popup == 'yes') {
?>
markers[counter]['infowindow'].show = true;
markers[counter]['infowindow'].open(map_<?php
echo $map_id;
?>
, markers[counter]);
<?php
}
?>
google.maps.event.addListener(markers[counter], 'click', function() {
if(this['infowindow'].show) {
this['infowindow'].close(map_<?php
echo $map_id;
?>
, this);
this['infowindow'].show = false;
} else {
this['infowindow'].open(map_<?php
echo $map_id;
?>
, this);
this['infowindow'].show = true;
}
});
<?php
}
?>
counter++;
<?php
}
?>
}
google.maps.event.addDomListener(window, 'load', t4p_run_map_<?php
echo $map_id;
?>
);
</script>
<?php
if ($defaults['id']) {
$html = ob_get_clean() . sprintf('<div id="%s"><div %s></div></div>', $defaults['id'], T4PCore_Plugin::attributes('google-map-shortcode'));
} else {
$html = ob_get_clean() . sprintf('<div %s></div>', T4PCore_Plugin::attributes('google-map-shortcode'));
}
}
return $html;
}
