/**
  * Outputs the widget with the selected settings
  *
  * @since    3.0.0
  */
 public function widget($args, $instance)
 {
     extract($instance);
     $sgm_options = get_option('SGMoptions');
     // get options defined in admin page
     $sgm_options = wp_parse_args($sgm_options, Simple_Google_Map::$default_options);
     if (!$lat) {
         $lat = '0';
     }
     if (!$lng) {
         $lng = '0';
     }
     if (!$zoom) {
         $zoom = $sgm_options['zoom'];
     }
     // 1-19
     if (!$type) {
         $type = $sgm_options['type'];
     }
     // ROADMAP, SATELLITE, HYBRID, TERRAIN
     if (!$icon) {
         $icon = $sgm_options['icon'];
     }
     if (!$content) {
         $content = $sgm_options['content'];
     }
     if (!$directionsto) {
         $directions_to = '';
     } else {
         $directions_to = $directionsto;
     }
     $content = Simple_Google_Map::strip_last_chars(htmlspecialchars_decode($content), array('<br>', '<br/>', '<br />'));
     $directions_form = '';
     if ($directions_to) {
         $directions_form = '<form method="get" action="//maps.google.com/maps"><input type="hidden" name="daddr" value="' . $directions_to . '" /><input type="text" class="text" name="saddr" /><input type="submit" class="submit" value="Directions" /></form>';
     }
     $marker = "var marker = new google.maps.Marker({\n\t\t\tposition: latlng,\n\t\t\tmap: map,\n\t\t\ttitle: '',";
     if ($icon) {
         $icon = "var image = {\n\t\t\t\turl: '{$icon}',\n\t\t\t};";
         $marker .= "\n" . 'icon: image,' . "\n";
     }
     $marker .= '});';
     $infowindow_arr = array($content, $directions_form);
     $infowindow_content = implode('<br>', array_filter($infowindow_arr));
     extract($args);
     echo $before_widget;
     if ($instance['title']) {
         echo $before_title . $instance['title'] . $after_title;
     }
     $map = '<script type="text/javascript">';
     $map .= "function makeMap() {\n\t\t\t\tvar latlng = new google.maps.LatLng({$lat}, {$lng});\n\t\t\t\tvar myOptions = {\n\t\t\t\t\tzoom: {$zoom},\n\t\t\t\t\tcenter: latlng,\n\t\t\t\t\tmapTypeControl: true,\n\t\t\t\t\tmapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU},\n\t\t\t\t\tnavigationControl: true,\n\t\t\t\t\tnavigationControlOptions: {style: google.maps.NavigationControlStyle.SMALL},\n\t\t\t\t\tmapTypeId: google.maps.MapTypeId.{$type}\n\t\t\t\t};\n\t\t\t\tvar map = new google.maps.Map(document.getElementById('SGM'), myOptions);\n\t\t\t\tvar contentstring = '<div class=\"infoWindow\">{$infowindow_content}</div>';\n\t\t\t\tvar infowindow = new google.maps.InfoWindow({\n\t\t\t\t\tcontent: contentstring\n\t\t\t\t});\n\t\t\t\t{$icon}\n\t\t\t\t{$marker}\n\t\t\t\tgoogle.maps.event.addListener(marker, 'click', function() {\n\t\t\t\t  infowindow.open(map,marker);\n\t\t\t\t});\n\t\t\t}\n\t\t\twindow.onload = makeMap;";
     $map .= '</script>';
     $map .= '<div id="SGM"></div>';
     echo $map;
     echo $after_widget;
 }
 /**
  * Output CSS into header
  *
  * @since    3.0.0
  */
 public function map($atts)
 {
     $sgm_options = get_option('SGMoptions');
     // get options defined in admin page
     $sgm_options = wp_parse_args($sgm_options, Simple_Google_Map::$default_options);
     $lat = isset($atts['lat']) ? $atts['lat'] : '0';
     $lng = isset($atts['lng']) ? $atts['lng'] : '0';
     $zoom = isset($atts['zoom']) ? $atts['zoom'] : $sgm_options['zoom'];
     $type = isset($atts['type']) ? strtoupper($atts['type']) : $sgm_options['type'];
     $content = isset($atts['content']) ? $atts['content'] : $sgm_options['content'];
     $directions_to = isset($atts['directionsto']) ? $atts['directionsto'] : '';
     $icon = isset($atts['icon']) ? esc_url($atts['icon'], array('http', 'https')) : $sgm_options['icon'];
     $content = Simple_Google_Map::strip_last_chars(htmlspecialchars_decode($content), array('<br>', '<br/>', '<br />'));
     $directions_form = '';
     if ($directions_to) {
         $directions_form = '<form method="get" action="//maps.google.com/maps"><input type="hidden" name="daddr" value="' . $directions_to . '" /><input type="text" class="text" name="saddr" /><input type="submit" class="submit" value="Directions" /></form>';
     }
     $marker = "var marker = new google.maps.Marker({\n\t\t\tposition: latlng,\n\t\t\tmap: map,\n\t\t\ttitle: '',";
     if ($icon) {
         $icon = "var image = {\n\t\t\t\turl: '{$icon}',\n\t\t\t};";
         $marker .= "\n" . 'icon: image,' . "\n";
     }
     $marker .= '});';
     $infowindow_arr = array($content, $directions_form);
     $infowindow_content = implode('<br>', array_filter($infowindow_arr));
     $map = '<script type="text/javascript">';
     $map .= "function makeMap() {\n\t\t\t\tvar latlng = new google.maps.LatLng({$lat}, {$lng});\n\t\t\t\tvar myOptions = {\n\t\t\t\t\tzoom: {$zoom},\n\t\t\t\t\tcenter: latlng,\n\t\t\t\t\tmapTypeControl: true,\n\t\t\t\t\tmapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU},\n\t\t\t\t\tnavigationControl: true,\n\t\t\t\t\tnavigationControlOptions: {style: google.maps.NavigationControlStyle.SMALL},\n\t\t\t\t\tmapTypeId: google.maps.MapTypeId.{$type}\n\t\t\t\t};\n\t\t\t\tvar map = new google.maps.Map(document.getElementById('SGM'), myOptions);\n\t\t\t\tvar contentstring = '<div class=\"infoWindow\">{$infowindow_content}</div>';\n\t\t\t\tvar infowindow = new google.maps.InfoWindow({\n\t\t\t\t\tcontent: contentstring\n\t\t\t\t});\n\t\t\t\t{$icon}\n\t\t\t\t{$marker}\n\t\t\t\tgoogle.maps.event.addListener(marker, 'click', function() {\n\t\t\t\t  infowindow.open(map,marker);\n\t\t\t\t});\n\t\t\t};\n\t\t\twindow.onload = makeMap;";
     $map .= '</script>';
     $map .= '<div id="SGM"></div>';
     return $map;
 }