# note that we need to use the same projection for the layer and the map.
from ipyleaflet import (
    Map,
    basemaps,
    TileLayer,
    WMSLayer,
    DrawControl,
    projections,
)

m2 = Map(
    center=(-90, 0),
    zoom=0,
    basemap=basemaps.Esri.AntarcticBasemap,
    crs=projections.EPSG3031.ESRIBasemap,
)

# add draw control on Antarctic map
dc2 = DrawControl(marker={"shapeOptions": {"color": "#0000FF"}})

m2.add(dc2)
        

contours = TileLayer(
    attribution="""
        NOAA National Centers for Environmental Information (NCEI);
        International Bathymetric Chart of the Southern Ocean (IBCSO);
        General Bathymetric Chart of the Oceans (GEBCO)
        """,
    transparent=True,
    opacity=0.5,
    url='https://tiles.arcgis.com/tiles/C8EMgrsFcRFL6LrL/arcgis/rest/services/antarctic_ibcso_contours/MapServer/tile/{z}/{y}/{x}',
    crs=projections.EPSG3031.ESRIImagery
)

names = WMSLayer(
    layers="1",
    format='image/png32',
    transparent=True,
    url='https://gis.ngdc.noaa.gov/arcgis/services/antarctic/reference/MapServer/WMSServer',
    crs=projections.EPSG3031.ESRIImagery
)

m2.add(contours)

m2.add(names)


m2