Is it possible to replace the map or to add a better look such as this?

 https://leafletjs.com/examples/quick-start/example.html

The default one looks quite old.

I have tried replacing the leaflet.js and leaflet.css and adding the script but it does not work. 
Can you please give me a hand? You are the ones who coded this.

I want to help with the permission of the TheSky9 team.

Leafletjs require a CSS and a JS library and will slow a little bit the loading page.

Also Leafletjs are using the openstreetmap, so, why not use it directly OpenStreetMap?

Steps to add openstreetmap, including the marker :

# Go to  "\platform\themes\ultra\functions\"

# Edit shortcodes.php and add these code lines and save

      //Openstreetmap
      add_shortcode('openstreetmap', __('OpenStreetMap'), __('OpenStreetMap'), function ($shortcode) {
          $title = $shortcode->title;
          $link = $shortcode->link;
          return Theme::partial('shortcodes.openstreetmap', compact('title', 'link'));
      });
      shortcode()->setAdminConfig('openstreetmap', function ($attributes) {
          return Theme::partial('shortcodes.openstreetmap-admin-config', compact('attributes'));
      });

# Go to "platform\themes\ultra\partials\shortcodes\"

# Create 2 files "openstreetmap-admin-config.blade.php"   and  "openstreetmap.blade.php"

# Edit "openstreetmap-admin-config.blade.php" and add these code lines and save :

<div class="form-group mb-3">
    <label class="control-label">{{ __('Title') }}</label>
<input name="title" value="{{ Arr::get($attributes, 'title') }}" class="form-control" placeholder="Directions">
</div>
<div class="form-group mb-3">
    <label class="control-label">{{ __('Link') }}</label>
</div>

# Edit "openstreetmap.blade.php" and add these code lines and save :

<div class="container">
@if(!empty($title))
<h3 class="mb-20 mt-20">{!! clean($title) !!}</h2>
@endempty
<div style="height: 400px; width: 100%; position: relative; text-align: right;">
    <div  style="height: 400px; width: 100%; overflow: hidden; background: none!important;">
      @if(!empty($link))
        <iframe width="100%" height="500" src="{!! clean($link) !!}" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe>
      @endempty
    </div>
</div>
</div>

# Go to https://openstreetmap.org and search for your address.

# 

You can move your marker on the map where do you want.

# Copy embed code and paste to notepad or any other text editor

# Copy the link from the embed code, like this :

# Go to the admin dashboard and you will see the shortcode created

Write your own title and paste the link extracted from the embed code.

The result :))