Here is a sample page, I was using to test.
<html>
<head>
<meta charset=utf-8 />
<title>PubGIS Test</title>
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
<!-- Load Leaflet from CDN -->
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.4.0/dist/leaflet.css"
integrity="sha512-puBpdR0798OZvTTbP4A8Ix/l+A4dHDD0DGqYW6RQ+9jxkRFclaxxQb/SJAWZfWAkuyeQUytO7+7N4QKrDh+drA=="
crossorigin=""/>
<script src="https://unpkg.com/leaflet@1.4.0/dist/leaflet.js"
integrity="sha512-QVftwZFqvtRNi0ZyCtsznlKSWOStnDORoefr1enyq5mVL4tmKB3S/EnC3rRJcxCPavG10IcrVGSmPh6Qw5lwrg=="
crossorigin=""></script>
<!-- Load Esri Leaflet from CDN -->
<script src="https://unpkg.com/esri-leaflet@2.2.3/dist/esri-leaflet.js"
integrity="sha512-YZ6b5bXRVwipfqul5krehD9qlbJzc6KOGXYsDjU9HHXW2gK57xmWl2gU6nAegiErAqFXhygKIsWPKbjLPXVb2g=="
crossorigin=""></script>
<style>
body { margin:0; padding:0; }
#map { position: absolute; top:0; bottom:0; right:0; left:0; }
</style>
</head>
<body>
<div id="map"></div>
<script type='text/javascript'>
var map = L.map('map').setView([42.682435, -75.290039], 7);
var str = L.esri.basemapLayer('Streets').addTo(map);
var streams = L.esri.featureLayer({
url:'https://pubgis.health.ny.gov/arcgis/rest/services/WI_PWL2019/MapServer/1',
//url:'https://services8.arcgis.com/k1v79LrnPTwysMSs/ArcGIS/rest/services/WI_PWL2019/FeatureServer/1',
useCors: false,
style: function (feature) {
var c,o = 0.75;
switch (feature.properties.WBCATGRY) {
case 'Impaired':
c = '#FF0000'; //red
break;
default:
c = '#0000FF'; //blue
}
return {color: c, opacity: o, weight: 2};
}
});
streams.bindPopup(function (layer) {
return L.Util.template('<p>PWL ID: {PWL_ID}<br>Name: {NAME}<br>Catgry: {WBCATGRY}</p>', layer.feature.properties);
});
streams.addTo(map);
var usastreams = L.esri.featureLayer({
url: 'https://services.arcgis.com/P3ePLMYs2RVChkJx/arcgis/rest/services/USA_Rivers_and_Streams/FeatureServer/0',
useCors: false,
where:"STATE='NY'",
style: function (feature) {
var o = 0.75;
var c = '#0000FF'; //blue
return {color: c, opacity: o, weight: 2};
}
});
usastreams.bindPopup(function (layer) {
return L.Util.template('<p>Name: {NAME}<br>State: {STATE}</p>', layer.feature.properties);
});
var baseMaps = {
"Streets":str
};
var overlayMaps = {
"pubGIS":streams,
"Esri_NY":usastreams
};
L.control.layers(baseMaps, overlayMaps,{collapsed:false}).addTo(map);
</script>
</body>
</html>