Google Maps für Einsatzorte

src/Frontend/ReportList.php

@@ -111,6 +111,13 @@ class ReportList
  */
  private $splitMonths;
 
+ /**
+ * Gibt an, ob eine Google-Map mit den Einsätzen angezeigt wird
+ *
+ * @var bool
+ */
+ private $showMap;
+
  /**
  * In diesem String wird der HTML-Code für die Liste aufgebaut
  *
@@ -155,6 +162,7 @@ private function constructList($reports, $args)
  // Argumente auswerten
  $defaults = array(
  'splitMonths' => false,
+ 'showMap' => false,
  'columns' => array(),
  'linkToVehicles' => $this->options->getBoolOption('einsatzvw_list_fahrzeuge_link'),
  'linkToAddForces' => $this->options->getBoolOption('einsatzvw_list_ext_link'),
@@ -163,11 +171,13 @@ private function constructList($reports, $args)
  'showHeading' => true,
  'compact' => false,
  );
+
  $parsedArgs = wp_parse_args($args, $defaults);
 
  // Variablen setzen
  $this->compact = (bool) $parsedArgs['compact'];
  $this->splitMonths = (bool) $parsedArgs['splitMonths'] && !$this->compact;
+ $this->showMap = (bool) $parsedArgs['showMap'] && !$this->compact;
  $this->columns = $this->utilities->sanitizeColumnsArray($parsedArgs['columns']);
  $this->numberOfColumns = count($this->columns);
  $this->linkToVehicles = (true === $parsedArgs['linkToVehicles']);
@@ -194,6 +204,21 @@ private function constructList($reports, $args)
  $this->beginTable(false);
  $this->insertTableHeader();
  }
+
+ if( $this->options->isGMapActivate() != "" && $this->showMap) {
+ $latLon = explode(",", $this->options->getGMapDefaultPos() );
+ $mapstring = "<style>#map-canvas {height: 300px; margin-bottom: 30px; position: relative; overflow: hidden; transform: translateZ(0px); background-color: rgb(229, 227, 223);}</style>";
+ $mapstring .= "<div class='einsatzliste-map'>";
+ $mapstring .= "<div id='map-canvas'></div>";
+ $mapstring .= "</div>";
+ $mapstring .= "<div style='clear:both'></div>";
+ $mapstring .= "<script>";
+ $mapstring .= "google.maps.event.addDomListener(window, 'load', initializeMap(" . $latLon[0] . ", " . $latLon[1] . ", 10));";
+ $mapstring .= "</script>";
+
+ echo "$mapstring";
+ }
+
  /** @var IncidentReport $report */
  foreach ($reports as $report) {
  $timeOfAlerting = $report->getTimeOfAlerting();
@@ -274,6 +299,7 @@ private function beginTable($year)
  if ($this->showHeading && $year !== false) {
  $this->string .= '<h2>Eins&auml;tze '.$year.'</h2>';
  }
+
  $this->string .= '<table class="' . self::TABLECLASS . '"><tbody>';
  }
 
@@ -329,7 +355,17 @@ private function insertRow($report)
  }
  $this->string .= '</td>';
  }
+ if( $this->options->isGMapActivate() && $this->showMap && $report->getGmapsLocation() != "") {
+ $latLon = explode(",", $report->getGmapsLocation());
+ $timeOfAlerting = $report->getTimeOfAlerting();
+ $infoContent = '<h1>' . get_the_title($report->getPostId()) . '</h1><p>' . $timeOfAlerting->format('d.m.Y H:i') . '</p><p>' . $report->getLocation() . '</p>';
+ $marker = '<script>';
+ $marker .= 'addMarker( ' . $latLon[0] . ', ' . $latLon[1] . ' , "' . $infoContent . '" )';
+ $marker .= '</script>';
+ $this->string .= $marker;
+ }
  $this->string .= '</tr>';
+
  }
 
  /**

src/Model/IncidentReport.php

@@ -75,6 +75,9 @@ public static function getMetaFields()
  'einsatz_einsatzort' => array(
  'label' => 'Einsatzort'
  ),
+ 'einsatz_location' => array(
+ 'label' => 'Goolemaps Position'
+ ),
  'einsatz_einsatzleiter' => array(
  'label' => 'Einsatzleiter'
  ),
@@ -194,6 +197,16 @@ public function getLocation()
  return $this->getPostMeta('einsatz_einsatzort');
  }
 
+ /**
+ * Gibt den eingetragenen Einsatzort als googlemaps koordinate zurück
+ *
+ * @return string
+ */
+ public function getGmapsLocation()
+ {
+ return $this->getPostMeta('einsatz_location');
+ }
+
  /**
  * Gibt die Einsatznummer zurück
  *

src/einsatzverwaltung-admin.php

@@ -138,6 +138,15 @@ public function enqueueEditScripts($hook)
  array(),
  Core::VERSION
  );
+
+ if($this->options->isGMapActivate())
+ {
+ wp_enqueue_script( 'einsatzvw_GoogleMap' );
+ wp_enqueue_script(
+ 'einsatzverwaltung-gmap',
+ $this->core->scriptUrl . 'einsatzverwaltung-gmaps.js'
+ );
+ }
  }
 
  /**
@@ -188,10 +197,11 @@ public function displayMetaBoxEinsatzdetails($post)
  $einsatzort = $report->getLocation();
  $einsatzleiter = $report->getIncidentCommander();
  $mannschaftsstaerke = $report->getWorkforce();
+ $gmapslocation = $report->getGmapsLocation();
 
  $names = Data::getEinsatzleiterNamen();
  echo '<input type="hidden" id="einsatzleiter_used_values" value="' . implode(',', $names) . '" />';
- echo '<table><tbody>';
+ echo '<table style="width: 100%;"><tbody>';
 
  if ($this->options->isAutoIncidentNumbers()) {
  echo '<tr><td>Einsatznummer</td><td>' . esc_html($nummer) . '</td></tr>';
@@ -227,6 +237,11 @@ public function displayMetaBoxEinsatzdetails($post)
  esc_attr($einsatzort)
  );
 
+ if($this->options->isGMapActivate())
+ {
+ $this->echoGMap($gmapslocation);
+ }
+
  $this->echoInputText(
  'Einsatzleiter',
  'einsatzverwaltung_einsatzleiter',
@@ -261,6 +276,34 @@ private function echoInputText($label, $name, $value, $placeholder = '', $size =
  echo '/></td></tr>';
  }
 
+ /**
+ * Generiert eine Googlemaps Karte zur bestimmung der Koordinate
+ */
+ private function echoGMap($location)
+ {
+ if($location != "")
+ {
+ $latLon = explode(",",$location);
+ }
+ else
+ {
+ $latLon = explode(",",$this->options->getGMapDefaultPos());
+ }
+
+ echo '<tr><td>';
+ echo '<label for="einsatzverwaltung_location">Koordinate</label>';
+ echo '</td><td style="width: 100%;">';
+ echo '<input type="text" id="einsatzverwaltung_location" name="einsatzverwaltung_location" value="' . $location . '" size="20" readonly/>';
+ echo '<a class="button" id="einsatzverwaltung_get_location" onClick="geocodeAddress(document.getElementById(\'einsatzverwaltung_einsatzort\').value , \'einsatzverwaltung_location\')"><i class="fa fa-map-marker"></i></a>';
+ echo '</td></tr>';
+ echo '<tr><td colspan="2">';
+ echo '<div id="map-canvas" style="height: 400px;"></div>';
+ echo '</td></tr>';
+ echo '<script>';
+ echo ' google.maps.event.addDomListener(window, "load", initializeMap(' . $latLon[0] . ', ' . $latLon[1] . '));';
+ echo '</script>';
+ }
+
  /**
  * Gibt eine Checkbox für die Metabox aus
  *

src/einsatzverwaltung-core.php

@@ -244,12 +244,12 @@ class Core
  * @var Data
  */
  private $data;
- 
+
  /**
  * @var Options
  */
  private $options;
- 
+
  /**
  * @var Utilities
  */
@@ -333,6 +333,7 @@ public function onDeactivation()
  public function onInit()
  {
  $this->registerTypes();
+ $this->registerScripts();
  $this->addRewriteRules();
  if ($this->options->isFlushRewriteRules()) {
  flush_rewrite_rules();
@@ -388,6 +389,21 @@ private function registerTypes()
  ));
  }
 
+ /**
+ * Registriert externe Scripts
+ */
+ private function registerScripts()
+ {
+ if( $this->options->isGMapActivate() ) {
+ /* Google Maps */
+ $protocal = is_ssl() ? 'https://' : 'http:https://';
+ $url = add_query_arg( array(
+ 'key' => $this->options->getGMapAPI(),
+ ), "{$protocal}maps.googleapis.com/maps/api/js");
+ wp_register_script( 'einsatzvw_GoogleMap', $url );
+ }
+ }
+
  private function addRewriteRules()
  {
  global $wp_rewrite;

src/einsatzverwaltung-data.php

@@ -229,6 +229,9 @@ public function savePostdata($postId, $post)
  // Einsatzort validieren
  $einsatzort = sanitize_text_field($_POST['einsatzverwaltung_einsatzort']);
 
+ // Einsatzposition validieren
+ $location = sanitize_text_field($_POST['einsatzverwaltung_location']);
+
  // Einsatzleiter validieren
  $einsatzleiter = sanitize_text_field($_POST['einsatzverwaltung_einsatzleiter']);
 
@@ -243,6 +246,7 @@ public function savePostdata($postId, $post)
  // Metadaten schreiben
  update_post_meta($postId, 'einsatz_einsatzende', $einsatzende);
  update_post_meta($postId, 'einsatz_einsatzort', $einsatzort);
+ update_post_meta($postId, 'einsatz_location', $location);
  update_post_meta($postId, 'einsatz_einsatzleiter', $einsatzleiter);
  update_post_meta($postId, 'einsatz_mannschaft', $mannschaftsstaerke);
  update_post_meta($postId, 'einsatz_fehlalarm', $fehlalarm);
@@ -313,7 +317,7 @@ public function onPublish($postId, $post)
  $this->utilities->removePostFromCategory($postId, $category);
  }
  }
- 
+
  // Zwischenspeicher wird nur in der Entwurfsphase benötigt
  delete_post_meta($postId, '_einsatz_timeofalerting');
  }

src/einsatzverwaltung-frontend.php

@@ -21,7 +21,7 @@ class Frontend
  * @var Options
  */
  private $options;
- 
+
  /**
  * @var Utilities
  */
@@ -69,6 +69,15 @@ public function enqueueStyleAndScripts()
  Core::VERSION
  );
  wp_add_inline_style('einsatzverwaltung-frontend', ReportList::getDynamicCss());
+
+ if($this->options->isGMapActivate())
+ {
+ wp_enqueue_script( 'einsatzvw_GoogleMap' );
+ wp_enqueue_script(
+ 'einsatzverwaltung-gmap',
+ $this->core->scriptUrl . 'einsatzverwaltung-gmaps.js'
+ );
+ }
  }
 
  /**
@@ -151,6 +160,32 @@ public function getEinsatzberichtHeader($post, $mayContainLinks = true, $showArc
  return "";
  }
 
+ /**
+ * Erzeugt eine Google Map des Einsatzortes
+ *
+ * @return string Code zum Erzeugen der Google-Map mit Markierten einsatzort
+ */
+ public function getEinsatzberichtMap($post)
+ {
+ $report = new IncidentReport($post);
+ $location = $report->getGmapsLocation();
+ if($this->options->isGMapActivate() && $location)
+ {
+ $latLon = explode(",",$location);
+
+ $mapstring = "<style>#map-canvas {height: 300px; position: relative; overflow: hidden; transform: translateZ(0px); background-color: rgb(229, 227, 223);}</style>";
+ $mapstring .= "<div class='einsatzliste-map'>";
+ $mapstring .= "<div id='map-canvas'></div>";
+ $mapstring .= "</div>";
+ $mapstring .= "<div style='clear:both'></div>";
+ $mapstring .= "<script>";
+ $mapstring .= "google.maps.event.addDomListener(window, 'load', initializeMap(" . $latLon[0] . ", " . $latLon[1] . "));";
+ $mapstring .= "addMarker( " . $latLon[0] . ", " . $latLon[1] . ", '" . $report->getLocation() . "', true )";
+ $mapstring .= "</script>";
+
+ return "<p>$mapstring</p>";
+ }
+ }
 
  /**
  * Erzeugt eine Zeile für die Einsatzdetails
@@ -192,8 +227,13 @@ public function renderContent($content)
 
  $header = $this->getEinsatzberichtHeader($post, true, true);
  $content = $this->prepareContent($content);
+ $map = "";
+ if($this->options->isGMapActivate())
+ {
+ $map = $this->getEinsatzberichtMap($post);
+ }
 
- return $header . '<hr>' . $content;
+ return $header . $map . '<hr>' . $content;
  }
 
 
@@ -319,7 +359,7 @@ public function addReportsToQuery($query)
  } else {
  $postTypes = array('post');
  }
- 
+
  // Einsatzberichte nur zusammen mit Beiträgen abfragen
  if (!in_array('post', $postTypes)) {
  return;

src/einsatzverwaltung-options.php

@@ -28,6 +28,9 @@ class Options
  'einsatzvw_category' => false,
  'einsatzvw_loop_only_special' => false,
  'einsatzverwaltung_incidentnumbers_auto' => false,
+ 'einsatzvw_gmap' => false,
+ 'einsatzvw_gmap_api' => '',
+ 'einsatzvw_gmap_default_pos' => '53.523463,9.482329',
  );
 
  /**
@@ -152,6 +155,33 @@ public function getExcerptTypeFeed()
  return $this->utilities->sanitizeExcerptType($option);
  }
 
+ /**
+ * @return string
+ */
+ public function getGMapAPI()
+ {
+ $option = $this->getOption('einsatzvw_gmap_api');
+ return $option;
+ }
+
+ /**
+ * @return string
+ */
+ public function getGMapDefaultPos()
+ {
+ $option = $this->getOption('einsatzvw_gmap_default_pos');
+ return $option;
+ }
+
+ /**
+ * @return bool
+ */
+ public function isGMapActivate()
+ {
+ $option = $this->getOption('einsatzvw_gmap');
+ return $this->toBoolean($option);
+ }
+
  /**
  * Gibt die Basis für die URL zu Einsatzberichten zurück
  *