TextLayer
^^^^^^^^^

.. raw:: html

    
    <a id="deck-link" target="_blank" href="https://deck.gl/docs/api-reference/layers/text-layer">deck.gl docs</a>
    
    <br />

.. raw:: html
   :file: ./html/text_layer.html

.. raw:: html

    <style>
   .wy-nav-content {
        max-width: 100% !important;
    }
    #deck-container {
        height: 50vh;
        width: 100%;
    }
    #deck-link {
        float: right;
        position: relative;
        top: -20px;
    }
    </style>

Source
------

.. code-block:: python

    """
    TextLayer
    ========

    Names of various public transit stops within San Francisco, plotted at the location of that stop
    """

    import pydeck as pdk
    from pydeck.types import String
    import pandas as pd

    TEXT_LAYER_DATA = "https://raw.githubusercontent.com/visgl/deck.gl-data/master/website/bart-stations.json"  # noqa
    df = pd.read_json(TEXT_LAYER_DATA)

    # Define a layer to display on a map
    layer = pdk.Layer(
        "TextLayer",
        df,
        pickable=True,
        get_position="coordinates",
        get_text="name",
        get_size=16,
        get_color=[0, 0, 0],
        get_angle=0,
        # Note that string constants in pydeck are explicitly passed as strings
        # This distinguishes them from columns in a data set
        get_text_anchor=String("middle"),
        get_alignment_baseline=String("center"),
    )

    # Set the viewport location
    view_state = pdk.ViewState(latitude=37.7749295, longitude=-122.4194155, zoom=10, bearing=0, pitch=45)

    # Render
    r = pdk.Deck(
        layers=[layer],
        initial_view_state=view_state,
        tooltip={"text": "{name}\n{address}"},
        map_style=pdk.map_styles.ROAD,
    )
    r.to_html("text_layer.html")