title: Leaflet - Folium : Creating a fantasy map, removing the world map
body: <p>I'm trying to create an interactive map out of an image using Folium as part of a Django project in which I want to display the generated HTML on a website.
  I want to be able to see <strong>only the image</strong> upon which I place markers etc., not the actual world map that is by default created.
  The image is a map of a fantasy world.</p>
  <p>I found <a href="https://leafletjs.com/examples/crs-simple/crs-simple.html" rel="nofollow noreferrer">this</a> tutorial and tried to apply it to Folium and that generally worked. I'm essentially adding an Image Overlay with &quot;my&quot; map to a map-object. However, that does not remove the original real-world map, meaning when I then save this map, it still also displays a world map that I do not care about in the lower left corner attached to my image overlay.</p>
  <pre><code>import folium
  
  def create_aldrune_map():
      base_map = folium.Map(crs='Simple', zoom_start=4)
  
      aldrune_overlay = folium.raster_layers.ImageOverlay(
          image='Path/To/Image',
          bounds=[[0, 0], [1000, 1300]],
          zindex=1)
      aldrune_overlay.add_to(base_map)
      base_map.fit_bounds(bounds=[[0, 0], [1000, 1300]])
  
      base_map.save('Path/To/Output')
  </code></pre>
  <p><a href="https://i.stack.imgur.com/YD7IJ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/YD7IJ.png" alt="Aldrune's Map" /></a>
  How do I get rid of the real-world map?</p>