J'ai deux js: (1er) est l'endroit où je peux ajouter la carte et où je peux cliquer sur un bouton et dessiner des formes (géozone) et (2e) est où je peux changer la couleur et l'opacité des formes en utilisant le sélecteur de couleurs et les sommaires.

Je peux obtenir la couleur dans le sélecteur de couleurs dans le (2nd) js en utilisant

$('#colorpicker'+no).colorpicker().on('changeColor', function() {
            var no = $(this).attr('map'); 
            var color = $('#txtGeoColor'+no).val();
            console.log("color1 : " , color);
        });

et son à l'intérieur du document.ready (function ()).

est-il possible d'appeler la couleur du (2nd) js et de la passer au (1st) js à l'intérieur de ce code:

$("#mapContainer").on("click", ".btnCircleDraw",function(){
        var circleDrawer = new L.Draw.Circle(map, {
            shapeOptions: {
                color: (must call the color here)
            }
        });   
        circleDrawer.enable();
    });
0
Ennnn 4 nov. 2019 à 10:09

1 réponse

Pour utiliser la variable de couleur à l'intérieur du 2ème fichier. vous devez importer le premier fichier au-dessus du deuxième fichier. comme

Fichier 1:

var color = '';
$('#colorpicker'+no).colorpicker().on('changeColor', function() {
            var no = $(this).attr('map'); 
            color = $('#txtGeoColor'+no).val();
            console.log("color1 : " , color);
        });

Fichier 2:

$("#mapContainer").on("click", ".btnCircleDraw",function(){
        var circleDrawer = new L.Draw.Circle(map, {
            shapeOptions: {
                color: color
            }
        });   
        circleDrawer.enable();
    });

Gardez toujours à l'esprit que l'importation du fichier 1 avant le fichier 2 car le fichier 2 contient une variable de couleur qui est initialisée et affectée dans le fichier 1.

Fichier Où les deux fichiers js consommeront.

<script src="file1.js">
<script src="file2.js">
0
Prince Kumar Dwivedi 4 nov. 2019 à 07:19