Google One-Tap erklärt globale Variable L

Question

Die Google One-Tap-Bibliothek Fehler verursacht, wenn mit anderen Bibliotheken verwendet, weil es eine globale Variable erklärt L.

ich diese sehe im verkleinerten Code aber ich bin nicht sicher, was es macht.

var L = 0; 
function K(g) { 
    return "jscomp_symbol_" + (g || "") + L++ 
} 

, dass Konflikte mit anderen Bibliotheken wie LeafletJS, die auch https://github.com/Leaflet/Leaflet

ich ein Open-Source-Projekt für die Google-Code One-Tap nicht finden kann, eine globale L definieren einen Patch zu unterbreiten. Wie arbeite ich das an?

Answer 1

Ich bin der Produktmanager für diese Bibliothek bei Google. Dies sollte jetzt behoben werden. Entschuldigung und danke für die Geduld.

Answer 2

Bis der Fehler in der Google One-Tap-Datei behoben wurde, können Sie einfach den Leaflet-Modus noConflict verwenden, damit Sie Leaflet jedem anderen globalen Variablennamen zuweisen und die von der Google-Bibliothek verwendeten Namen vermeiden können. Da letzteres eine minimierte Datei ist, werden die meisten Variablen und Funktionen 1 oder 2 Zeichen lang sein.

// Should actually be BELOW the HTML part, 
 
// but SO insists on displaying the JS part first. 
 

 
var map = Leaflet.map("map").setView([48.86, 2.35], 12); 
 

 
Leaflet.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { 
 
    attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors' 
 
}).addTo(map);

<link rel="stylesheet" href="https://unpkg.com/leaflet@1.2.0/dist/leaflet.css"> 
 
<script src="https://unpkg.com/leaflet@1.2.0/dist/leaflet-src.js"></script> 
 

 
<script> 
 
    // Re-assign L from Leaflet to any other global variable, and avoid conflict 
 
    // with other libraries, like Google One-tap in this case. 
 
    var Leaflet = L.noConflict(); 
 
</script> 
 

 
<script src="https://smartlock.google.com/client"></script> 
 

 
<div id="map" style="height: 200px;"></div>