The map on the home page is not working

Korisnik · June 12, 2024, 1:27pm

Hello Omeka developers,

On the home page in the map section, when an object is selected from the dropdown list, no pins or any changes to the map are displayed.
If you can help me or have had the same problem, please send suggestions.
The selected theme on the omeka is Curatescape Echo.

ebell · June 12, 2024, 1:31pm

Hi @Korisnik, can you provide some additional information please. Are you seeing any errors in your browser JavaScript console? What versions of Omeka/theme/plugins are you using (click system information at the bottom of the admin dashboard to find this info)? Can you share a link?

Korisnik · June 12, 2024, 2:29pm

I am using Curatescape Echo theme version 1.4.9 and Curatescape JSON plugin has version 1.5.1.
I am sending you a picture of the console and the displayed errors

Korisnik · June 12, 2024, 2:32pm

The home page loads the map but doesn’t show the pins.

ebell · June 12, 2024, 2:40pm

It looks like you have the site installed in a subdirectory (example.com/app). The issue is that the map script is looking for the map data at /items/browse?output=mobile-json instead of /app/items/browse?output=mobile-json

If you move the installation to a subdomain (app.example.com), it will likely fix the issue.

Or you can fiddle around with the .htaccess file to make sure the relative link paths are correct (example).

Korisnik · June 27, 2024, 9:52am

I still haven’t been able to solve the problem.
Is it possible to change the path leading to the objects in the code?

ebell · June 27, 2024, 6:05pm

You could try editing the data-json-source attribute on the map figure, which is in the rl_homepage_map() function in custom.php, line 791 (at least in v.1.5.1). Note that if you edit the theme directly, you’ll need to do this each time you apply a theme update.

github.com

CPHDH/theme-curatescape-echo/blob/1.5.1/curatescape-echo/custom.php#L791


      
            $totalItems = count($results);    
          }
          
          $pluginlat=(get_option('geolocation_default_latitude')) ? get_option('geolocation_default_latitude') : null;
          $pluginlon=(get_option('geolocation_default_longitude')) ? get_option('geolocation_default_longitude') : null;
          $zoom=(get_option('geolocation_default_zoom_level')) ? get_option('geolocation_default_zoom_level') : 12; ?>
          
          <section id="home-map" class="inner-padding browse">
            <h2 class="query-header"><?php echo __('%s Map',rl_item_label());?></h2>
            <div id="home-map-container" data-label="<?php echo __('All %s',rl_item_label('plural')).': '.$totalItems;?>">
              <figure id="multi-map" data-json-source="/items/browse?output=mobile-json" data-lat="<?php echo $pluginlat; ?>" data-lon="<?php echo $pluginlon; ?>" data-zoom="<?php echo $zoom; ?>" data-primary-layer="<?php echo get_theme_option('primary_map') ? get_theme_option('primary_map') : 'CARTO_VOYAGER'; ?>" data-secondary-layer="<?php echo get_theme_option('secondary_map') ? get_theme_option('secondary_map') : 'NONE'; ?>" data-color="<?php echo get_theme_option('marker_color'); ?>" data-featured-color="<?php echo get_theme_option('featured_marker_color'); ?>" data-featured-star="<?php echo get_theme_option('featured_marker_star'); ?>" data-root-url="<?php echo WEB_ROOT; ?>" data-maki-js="<?php echo src('maki/maki.min.js', 'javascripts'); ?>" data-providers="<?php echo src('providers.js', 'javascripts'); ?>" data-leaflet-js="<?php echo src('theme-leaflet/leaflet.js', 'javascripts'); ?>" data-leaflet-css="<?php echo src('theme-leaflet/leaflet.css', 'javascripts'); ?>" data-cluster-css="<?php echo src('leaflet.markercluster/leaflet.markercluster.min.css', 'javascripts'); ?>" data-cluster-js="<?php echo src('leaflet.markercluster/leaflet.markercluster.js', 'javascripts'); ?>" data-cluster="<?php echo isset($tour) && get_theme_option('tour_clustering') ? '1' : get_theme_option('clustering'); ?>" data-fitbounds-label="<?php echo __('Zoom to fit all locations'); ?>">
                <div class="curatescape-map">
                  <?php echo (get_theme_option('map_subjects') == 1) 
                  ? rl_subjects_select(rl_get_subjects(),$totalItems) 
                  : null;?>
                  <div id="curatescape-map-canvas"></div>
                </div>
              </figure>
            </div>
            <?php if($ishome):?>
            <div class="view-more-link"><a class="button" href=<?php echo url('items/map').'>'.__('View Map Page');?></a></div>

Korisnik · June 28, 2024, 11:12am

Hello
We tried to edit the attribute as you suggested, but there was no change.

Just to point out that only in this theme the pins do not appear on the map, while in all the others it works normally (for example Freedom).
I’m sending you photos.

ebell · June 28, 2024, 2:15pm

Ok, my mistake, looks like you actually need to edit the loadMapMulti() function in the file at /javascripts/multi-map.js. As shown below, add /app to the data source path.

dataSource = isGlobalMap
    ? window.location.protocol +
      "//" +
      window.location.hostname +
      "/app/items/browse" +
      jsonPath
    : url + jsonPath;

Korisnik · July 2, 2024, 12:26pm

Again there was no change.

I am sending an image of the multi-map.js file.
When we start the debugger, it pauses on the fetch() method.

ebell · July 2, 2024, 1:51pm

I think you’ll need to continue studying the code. Find all the places where the JSON data source is constructed and/or passed as a variable and change the path from /items... to /app/items... to match your installation location.

The markerFetchAndAdd() function is called in two different scenarios – when the map loads the first time via the loadMapMulti() function, and when you swap out the markers by selecting a subject term from the dropdown, which fires the markerReset() function.

The debugger stopped when you tried to fetch data from an invalid source inside the markerFetchAndAdd() function. Use console.log(dataSource) inside that function before the breakpoint and you’ll see an incorrect path. Find the 2 places where markerFetchAndAdd() is called and make sure the dataSource variable being passed into the function is correct. If it’s not, fix it.

There may be other places where you need to adjust the path, I’m not sure. As I mentioned before, the best and easiest way to fix this is to just not serve the site in a subdirectory. I understand that may not be an ideal option for every project, but it’s a current limitation of the Curatescape themes.