To embed this map, add the following code snippet and customize its properties (scrolling, width, height) based on your needs to your site:

<iframe scrolling="yes" src="http://ec2-3-23-95-209.us-east-2.compute.amazonaws.com/maps/222/embed" width="480px" height="360px"></iframe>

To embed this map, copy the following code snippet into your own page:

<div class="map-container">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.0.3/leaflet.css"/>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.0.3/leaflet.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/proj4js/2.3.15/proj4-src.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            var wmsLayer = null;

            var map = L.map('map').setView([0, -15891784628.8], -29.0);
            var osm = L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
                attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors',
            });
            map.addLayer(osm);

            var bbox = [-199224264336.65817, 1114620.823581628, 167440695079.0001, -inf];

            zoom_to_box(map, bbox);

            
                var layer_url = 'http://3.23.95.209:8080/geoserver/ows';
                var options = {
                    format: 'image/png',
                    transparent: true,
                    layers: 'geonode:ENP_32628',
                    opacity: 0.8
                };
                if (layer_url.includes('{z}') && layer_url.includes('{y}') && layer_url.includes('{x}')) {
                    wmsLayer = L.tileLayer(layer_url, options);
                }
                else {
                    wmsLayer = L.tileLayer.wms(layer_url, options);
                }
                if (wmsLayer != null) {
                    map.addLayer(wmsLayer);
                }
            
                var layer_url = 'http://3.23.95.209:8080/geoserver/ows';
                var options = {
                    format: 'image/png',
                    transparent: true,
                    layers: 'geonode:Agroforestry_plot_32628',
                    opacity: 0.8
                };
                if (layer_url.includes('{z}') && layer_url.includes('{y}') && layer_url.includes('{x}')) {
                    wmsLayer = L.tileLayer(layer_url, options);
                }
                else {
                    wmsLayer = L.tileLayer.wms(layer_url, options);
                }
                if (wmsLayer != null) {
                    map.addLayer(wmsLayer);
                }
            
                var layer_url = 'http://3.23.95.209:8080/geoserver/ows';
                var options = {
                    format: 'image/png',
                    transparent: true,
                    layers: 'geonode:Water_pondb_32628',
                    opacity: 0.8
                };
                if (layer_url.includes('{z}') && layer_url.includes('{y}') && layer_url.includes('{x}')) {
                    wmsLayer = L.tileLayer(layer_url, options);
                }
                else {
                    wmsLayer = L.tileLayer.wms(layer_url, options);
                }
                if (wmsLayer != null) {
                    map.addLayer(wmsLayer);
                }
            
                var layer_url = 'http://3.23.95.209:8080/geoserver/ows';
                var options = {
                    format: 'image/png',
                    transparent: true,
                    layers: 'geonode:beekeeping_32628',
                    opacity: 0.8
                };
                if (layer_url.includes('{z}') && layer_url.includes('{y}') && layer_url.includes('{x}')) {
                    wmsLayer = L.tileLayer(layer_url, options);
                }
                else {
                    wmsLayer = L.tileLayer.wms(layer_url, options);
                }
                if (wmsLayer != null) {
                    map.addLayer(wmsLayer);
                }
            
                var layer_url = 'http://3.23.95.209:8080/geoserver/ows';
                var options = {
                    format: 'image/png',
                    transparent: true,
                    layers: 'geonode:Vegetable_gardenb_32628',
                    opacity: 0.8
                };
                if (layer_url.includes('{z}') && layer_url.includes('{y}') && layer_url.includes('{x}')) {
                    wmsLayer = L.tileLayer(layer_url, options);
                }
                else {
                    wmsLayer = L.tileLayer.wms(layer_url, options);
                }
                if (wmsLayer != null) {
                    map.addLayer(wmsLayer);
                }
            
                var layer_url = 'http://3.23.95.209:8080/geoserver/ows';
                var options = {
                    format: 'image/png',
                    transparent: true,
                    layers: 'geonode:Nurseryb_32628',
                    opacity: 0.8
                };
                if (layer_url.includes('{z}') && layer_url.includes('{y}') && layer_url.includes('{x}')) {
                    wmsLayer = L.tileLayer(layer_url, options);
                }
                else {
                    wmsLayer = L.tileLayer.wms(layer_url, options);
                }
                if (wmsLayer != null) {
                    map.addLayer(wmsLayer);
                }
            
                var layer_url = 'http://3.23.95.209:8080/geoserver/ows';
                var options = {
                    format: 'image/png',
                    transparent: true,
                    layers: 'geonode:Enrichment_plantingb_32628',
                    opacity: 0.8
                };
                if (layer_url.includes('{z}') && layer_url.includes('{y}') && layer_url.includes('{x}')) {
                    wmsLayer = L.tileLayer(layer_url, options);
                }
                else {
                    wmsLayer = L.tileLayer.wms(layer_url, options);
                }
                if (wmsLayer != null) {
                    map.addLayer(wmsLayer);
                }
            
                var layer_url = 'http://3.23.95.209:8080/geoserver/ows';
                var options = {
                    format: 'image/png',
                    transparent: true,
                    layers: 'geonode:Forest_Area_4326',
                    opacity: 0.8
                };
                if (layer_url.includes('{z}') && layer_url.includes('{y}') && layer_url.includes('{x}')) {
                    wmsLayer = L.tileLayer(layer_url, options);
                }
                else {
                    wmsLayer = L.tileLayer.wms(layer_url, options);
                }
                if (wmsLayer != null) {
                    map.addLayer(wmsLayer);
                }
            
                var layer_url = 'http://3.23.95.209:8080/geoserver/ows';
                var options = {
                    format: 'image/png',
                    transparent: true,
                    layers: 'geonode:Forest_Area_32628',
                    opacity: 0.8
                };
                if (layer_url.includes('{z}') && layer_url.includes('{y}') && layer_url.includes('{x}')) {
                    wmsLayer = L.tileLayer(layer_url, options);
                }
                else {
                    wmsLayer = L.tileLayer.wms(layer_url, options);
                }
                if (wmsLayer != null) {
                    map.addLayer(wmsLayer);
                }
            
                var layer_url = 'http://3.23.95.209:8080/geoserver/ows';
                var options = {
                    format: 'image/png',
                    transparent: true,
                    layers: 'geonode:cf_buffer',
                    opacity: 0.8
                };
                if (layer_url.includes('{z}') && layer_url.includes('{y}') && layer_url.includes('{x}')) {
                    wmsLayer = L.tileLayer(layer_url, options);
                }
                else {
                    wmsLayer = L.tileLayer.wms(layer_url, options);
                }
                if (wmsLayer != null) {
                    map.addLayer(wmsLayer);
                }
            
                var layer_url = 'http://3.23.95.209:8080/geoserver/ows';
                var options = {
                    format: 'image/png',
                    transparent: true,
                    layers: 'geonode:Settlement_32628',
                    opacity: 0.8
                };
                if (layer_url.includes('{z}') && layer_url.includes('{y}') && layer_url.includes('{x}')) {
                    wmsLayer = L.tileLayer(layer_url, options);
                }
                else {
                    wmsLayer = L.tileLayer.wms(layer_url, options);
                }
                if (wmsLayer != null) {
                    map.addLayer(wmsLayer);
                }
            
                var layer_url = 'http://3.23.95.209:8080/geoserver/ows';
                var options = {
                    format: 'image/png',
                    transparent: true,
                    layers: 'geonode:Features_32628',
                    opacity: 0.8
                };
                if (layer_url.includes('{z}') && layer_url.includes('{y}') && layer_url.includes('{x}')) {
                    wmsLayer = L.tileLayer(layer_url, options);
                }
                else {
                    wmsLayer = L.tileLayer.wms(layer_url, options);
                }
                if (wmsLayer != null) {
                    map.addLayer(wmsLayer);
                }
            
                var layer_url = 'http://3.23.95.209:8080/geoserver/ows';
                var options = {
                    format: 'image/png',
                    transparent: true,
                    layers: 'geonode:Features_4326',
                    opacity: 0.8
                };
                if (layer_url.includes('{z}') && layer_url.includes('{y}') && layer_url.includes('{x}')) {
                    wmsLayer = L.tileLayer(layer_url, options);
                }
                else {
                    wmsLayer = L.tileLayer.wms(layer_url, options);
                }
                if (wmsLayer != null) {
                    map.addLayer(wmsLayer);
                }
            
        });

        function zoom_to_box(map, bbox) {
            var bounds = [
                [bbox[1], bbox[0]],
                [bbox[3], bbox[2]]
            ];
        }
    </script>
    <style type="text/css">
        #map {
            height: 800px;
        }
    </style>
    <div id="map"></div>
</div>