title: folium:: make GeoJson search marker transparent
body: <p>I have a basic folium heatmap that shows locations as CircleMarker and a HeatMap layer on top as displayed below.</p>
  
  <p><a href="https://i.stack.imgur.com/AkxyV.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/AkxyV.jpg" alt="enter image description here"></a></p>
  
  <p>I wanted to add search functionality in my map so I converted my pandas dataframe into a GeoJson format so that I can pass that.</p>
  
  <blockquote>
    <p>class folium.plugins.Search(layer, search_label=None,
    search_zoom=None, geom_type='Point', position='topleft',
    placeholder='Search', collapsed=False, **kwargs) Bases:
    branca.element.MacroElement</p>
    
    <p>Adds a search tool to your map.</p>
    
    <p>Parameters:    layer (GeoJson, TopoJson, FeatureGroup, MarkerCluster
    class object.) – The map layer to index in the</p>
  </blockquote>
  
  <p>I was able to convert my Pandas DataFrame into GeoJson using below code.</p>
  
  <pre><code>df_json = pd.read_csv("C:\\py\\folium\\NE Task 1\\json.csv").dropna(how="any")
  
  # convert lat-long to floats and change address from ALL CAPS to Regular Capitalization
  df_json['latitude'] = df_json['latitude'].astype(float)
  df_json['longitude'] = df_json['longitude'].astype(float)
  df_json['Site Name'] = df_json['Site Name'].str.title()
  
  
  # we don't need all those columns - only keep useful ones
  useful_cols = ['Site ID', 'Site Name', 'latitude', 'longitude']
  df_subset = df_json[useful_cols]
  
  # drop any rows that lack lat/long data
  df_geo = df_subset.dropna(subset=['latitude', 'longitude'], axis=0, inplace=False)
  
  
  def df_to_geojson(df_json, properties, lat='latitude', lon='longitude'):
  
      geojson = {'type': 'FeatureCollection', 'features': []}
  
      # loop through each row in the dataframe and convert each row to geojson format
      for _, row in df_json.iterrows():
          # create a feature template to fill in
          feature = {'type': 'Feature',
                     'properties': {},
                     'geometry': {'type': 'Point', 'coordinates': []}}
  
  
          # fill in the coordinates
          feature['geometry']['coordinates'] = [row[lon], row[lat]]
  
          # for each column, get the value and add it as a new feature property
          for prop in properties:
              feature['properties'][prop] = row[prop]
  
          # add this feature (aka, converted dataframe row) to the list of features inside our dict
          geojson['features'].append(feature)
  
      return geojson
  
  
  geojson_dict = df_to_geojson(df_geo, properties=useful_cols)
  geojson_str = json.dumps(geojson_dict, indent=2)
  
  
  folium.plugins.Search(data=geojson_dict, geom_type='Point',
                        search_zoom=14, search_label='Site ID').add_to(map)
  </code></pre>
  
  <p>After doing that search function is working properly as i wanted but a Marker is being displayed on TOP which i cannot hide like below.</p>
  
  <p><a href="https://i.stack.imgur.com/p8GSg.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/p8GSg.jpg" alt="enter image description here"></a> </p>
  
  <p>Please help me guide how can I hide this marker and keep GeoJson intact so that I can use it for search function. I tried to make it transparent, change the opacity of GeoJson through the solutions I found over stackOverflow but nothing works.</p>
  
  <p>Thanks in advance for your time and sorry for the long post.</p>
  
  <p>Best Regards</p>