title: Mapbox : Add data layer for POIs - transportation, school and retail / grocery stores
body: <p>I am rendering a map using mapbox API and would like to enrich the map by displaying additional location / POI data.</p>
  <p>Here's a similar example: <a href="https://github.com/patelnisarg61/Toronto-Fatal-Collisions-Analysis/blob/master/collision.py" rel="nofollow noreferrer">https://github.com/patelnisarg61/Toronto-Fatal-Collisions-Analysis/blob/master/collision.py</a></p>
  <p>mock code below:</p>
  <pre><code>       MAPBOX_KEY = &quot;xxxxx&quot;
  
         data = []
  
         data.append({
  
                      &quot;type&quot;: &quot;scattermapbox&quot;,
                      &quot;lat&quot;: df[&quot;Lat&quot;],
                      &quot;lon&quot;: df[&quot;Long&quot;],
                      &quot;name&quot;: &quot;Location&quot;,
                      &quot;hovertext&quot;: name,
                      &quot;showlegend&quot;: False,
                      &quot;hoverinfo&quot;: &quot;text&quot;,
                      &quot;mode&quot;: &quot;markers&quot;,
                      &quot;clickmode&quot;: &quot;event+select&quot;,
   
                      &quot;marker&quot;: {
                                 &quot;symbol&quot;: &quot;circle&quot;,
                                 &quot;size&quot;: 12,
                                 &quot;opacity&quot;: 0.7,
                                 &quot;color&quot;: &quot;black&quot;
                                }
                      }
         )
  
        
  
      layout = {
  
                   &quot;autosize&quot;: True,
                   &quot;hovermode&quot;: &quot;closest&quot;,
                   &quot;mapbox&quot;: {
  
                       &quot;accesstoken&quot;: MAPBOX_KEY,
                       &quot;bearing&quot;: 0,
                       &quot;center&quot;: {
                           &quot;lat&quot;: layout_lat,
                           &quot;lon&quot;: layout_lon
                       },
                       &quot;pitch&quot;: 0,
                       &quot;zoom&quot;: zoom,
                       &quot;style&quot;: &quot;outdoors&quot;,
  
                   },
  
                   &quot;margin&quot;: {
                      &quot;r&quot;: 0,
                      &quot;t&quot;: 0,
                      &quot;l&quot;: 0,
                      &quot;b&quot;: 0,
                      &quot;pad&quot;: 0
                  }
  
      }
  </code></pre>
  <p>How do I add additional POI data such as transit, hospitals, schools and grocery stores using either native mapbox API endpoints or data from other providers such as OSM / Google Maps?</p>
  <p>For reference, this data is available via the OSM Feed: <a href="https://docs.mapbox.com/vector-tiles/reference/mapbox-streets-v8/" rel="nofollow noreferrer">https://docs.mapbox.com/vector-tiles/reference/mapbox-streets-v8/</a></p>
  <p>Plotly scattermapbox docs: <a href="https://plotly.com/python/reference/#scattermapbox-customdata" rel="nofollow noreferrer">https://plotly.com/python/reference/#scattermapbox-customdata</a></p>