Adding map style via snazzy map

Author: Berges Yannick

language/en-GB/en-GB.mod_flexigooglemap.ini

@@ -87,3 +87,6 @@ FLEXI_GOOGLEMAP_FORCEITEMID="Force itemid"
 FLEXI_GOOGLEMAP_FORCEITEMID_DESC="You can use an specific itemid to manage display item after link."
 FLEXI_GOOGLEMAP_RATIOMAP="Map ratio"
 FLEXI_GOOGLEMAP_RATIOMAP_DESC="Change this setting in % to decreases the margin of bottom map. We need this option for responsive map"
+
+FLEXI_GOOGLEMAP_STYLE="Map style<br/><small><a href="https://snazzymaps.com/" target="_blank">Gen style</a></small>"
+FLEXI_GOOGLEMAP_STYLE_DESC="Copie Past json code done by snazzy mpas. BECARFULL USE [] AT START AND END OF VALUE"

language/fr-FR/fr-FR.mod_flexigooglemap.ini

@@ -90,3 +90,6 @@ FLEXI_GOOGLEMAP_FORCEITEMID="Forcer l'itemid"
 FLEXI_GOOGLEMAP_FORCEITEMID_DESC="En insérant un itemid dans ce champ vous pourrez gérer l'affichage de la page affichée via le lien lire la suite."
 FLEXI_GOOGLEMAP_RATIOMAP="Ratio carte"
 FLEXI_GOOGLEMAP_RATIOMAP_DESC="Changer cette valeur en % pour diminuer ou augmenter la marge base de votre carte. Ce paramètre est nécessaire pour un affichage responsive"
+
+FLEXI_GOOGLEMAP_STYLE="Style carte<br/><small><a href="https://snazzymaps.com/" target="_blank">Génération</a></small>"
+FLEXI_GOOGLEMAP_STYLE_DESC="Copié coller le code json créé via snazzy mpas. ATTENTION VEILLEZ BIEN METTRE LES [] en début et fin"

mod_flexigooglemap.xml

@@ -157,6 +157,8 @@
 												<option value="0">FLEXI_GOOGLEMAP_NO</option>
 												<option value="1">FLEXI_GOOGLEMAP_YES</option>
 											</field>
+                
+                <field name="style" type="textarea" cols="38" rows="5" default="[your style code]" label="FLEXI_GOOGLEMAP_STYLE" description="FLEXI_GOOGLEMAP_STYLE_DESC"/>
 
 													<field name="" type="separator" default="FLEXI_GOOGLEMAP_INFOWINDOWS" level="level1" />
 													<field

tmpl/default.php

@@ -72,6 +72,8 @@
 
 $ratiomap = $params->get('ratiomap','');
 
+$style = $params->get('style','');
+
 
 
 jimport( 'joomla.application.component.controller' );
@@ -198,14 +200,15 @@
   var icons = [<?php echo $markerdisplay; ?>]
   var iconsLength = icons.length;
 
-
   var map = new google.maps.Map(document.getElementById('map'), {
     zoom: 16,
     center: new google.maps.LatLng(-37.92, 151.25),
     mapTypeId: google.maps.MapTypeId.<?php echo $maptype;?>,
     mapTypeControl: false,
     streetViewControl: false,
     panControl: false,
+      styles: <?php echo $style; ?>,
+
     zoomControlOptions: {
       position: google.maps.ControlPosition.LEFT_BOTTOM
     }