Module: EXIF GPS

Hm, since upgrading to Gallery 3.0.5 I get the following error:

An AJAX error occured: error
Error: undefined

This is displayed inside/over the map. The exif_gps module is the newest version 3.

Has somebody figured out the reason for this error?

I will try an update to 3.06

[Edit] The issue stays the same after an upgrade to 3.0.6

www.xeta.at

  <div id="map_canvas" style="width:690px; height:480px;"></div>
  <div id="over_map" style="width:690px; height:480px;">

in modues/exif_gps/views/exif_gps_map.html.php
Adjust the width and height as needed.

Dave
_____________________________________________
Blog & G2 || floridave - Gallery Team

I would try http://galleryproject.org/node/94762?page=2#comment-385656 perhaps he can give more info.

Dave
_____________________________________________
Blog & G2 || floridave - Gallery Team

To the file exif_gps_dynamic_sidebar.html the following code is added after:

<div id="wrapper">
  <div id="map_canvas" style="width:205px; height:214px"></div>
    <div id="over_map" style="width:205px; height:214px">
    <p id="exif-gps-status" class="exif-gps-status" style="text-align: center; display: table-cell; vertical-align: middle; width:205px; height:214px">
      <font size="4" color="white"><strong><?= t("Loading..."); ?></strong></font><br /><br />
      <img src="<?= url::file("modules/exif_gps/images/exif_gps-loading-map-large.gif"); ?>" style="vertical-align: middle;"></img>
    </p>
  </div>
</div>

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
<?
  if (module::get_var("exif_gps", "googlemap_api_key", "") != "") {
    print "google.load(\"maps\", \"3\",  {other_params:\"key=" . module::get_var("exif_gps", "googlemap_api_key") . "&sensor=false\"});";
  } else {
    print "google.load(\"maps\", \"3\",  {other_params:\"sensor=false\"});";
  }
?>
<?
  if (isset($album_id)) {
    print "  var album_id = " . $album_id . ";\n";
  } else {
    print "  var album_id = 0;\n";
  }
?>

  var google_zoom_hack = false;
  var map2 = null;


 function initialize2() {
    // Set up some initial variables and make a new map.
   
	var myLatlng = new google.maps.LatLng(<?=$latitude; ?>,<?=$longitude; ?>);
    var myOptions = {
      scrollwheel: false,
	  zoom: 10,
      center: myLatlng,
      mapTypeId: google.maps.MapTypeId.HYBRID
    }
    map2 = new google.maps.Map(document.getElementById("map_canvas2"), myOptions);
	
	
	
	

    //  This is so we can auto-center and zoom the map.
    //    We will grow this each time a new set of coordinates is added onto the map
    var glatlngbounds = new google.maps.LatLngBounds( );

    // Set up some initial variables for looping through the coordinates in the xml files.
    var map_markers = []; // Array of all unique coordinates.
    var current_latlng = null; // Current coordinates.  Used for merging duplicate coordinates together.
    var item_counter = 0; // Current number of XML records that have been processed.
    var int_max_items = <?= $items_count; ?>; // Total number of XML records to process.
    var int_offset = 0; // Number of XML records to skip.  Sent as a URL parameter when retrieving XML data.

    if (album_id > 0) {
      //  Retrieve the first batch of XML records.
      //    This function runs recursively until item_counter equals int_max_items.
      //    We're using recursion instead of a normal looping control, because normal
      //    loops would prevent the web browser from responding until the loop is finished.
      get_xml();
    } else {
      // Only display a single marker.
      var latlng = new google.maps.LatLng(<?=$latitude; ?>,<?=$longitude; ?>);
      var marker = new google.maps.Marker({
        position: latlng, 
        map: map2
      });
      map.setZoom(<?= module::get_var("exif_gps", "sidebar_zoom"); ?>);
      document.getElementById('over_map').style.display = 'none';
    }

    

    <? if (($max_autozoom = module::get_var("exif_gps", "googlemap_max_autozoom")) != "") : ?>
    // If there is a maximum auto-zoom value, then set up an event to check the zoom
    // level the first time it is changed, and adjust it if necessary.
    // (if we call map.getZoom right after .fitBounds, getZoom will return the initial 
    // zoom level, not the auto zoom level, this way we get the auto zoomed value).
    google.maps.event.addListener(map, 'zoom_changed', function() {
      if (google_zoom_hack) {
        if (map.getZoom() > <?= $max_autozoom ?>) map.setZoom(<?= $max_autozoom ?>);
        google_zoom_hack = false;
      }
    });
    <? endif ?>
  }

  // Set up an info window at the specified coordinates
  //   to display the specified html.
  markerClickFunction = function(str_thumb_html, latlng) {
    return function(e) {
      e.cancelBubble = true;
      e.returnValue = false;
      if (e.stopPropagation) {
        e.stopPropagation();
        e.preventDefault();
      }

      infoWindow.setContent(str_thumb_html);
      infoWindow.setPosition(latlng);
      infoWindow.open(map);
    };
  };

  google.setOnLoadCallback(initialize2);
  
</script>

And in the photo.html below <?= $theme->photo_bottom() ?> the following code is necessary to display the map:

<div id="wrapper2">
<div id="map_canvas2" style="width:750px; height:400px; margin-top: 15px; margin-left: 17px; margin-bottom: 8px;"></div>
</div> 

Please try the modification and tell me if it works for you!

www.xeta.at

My file also includes other modification which are problably not compatible with yout site, try to delete: margin-top: 15px; margin-left: 17px; margin-bottom: 8px; and afterwards try to figure out the right position with firebug.

Although the discussion of this problem is a self-talk, if anybody is interested I think I have solved the problem:

Chrome Dev Tools told me that when loading the map the following error occurs: XMLHttpRequest cannot load Origin is not allowed by Access-Control-Allow-Origin. In my case the map was called from example.com to www.example.com

In follwing files: user_profile_exif_gps.html, exif_gps_coordinates_xml.html, exif_gps_map.html, exif_gps_maps_sidebar.html, exif_gps_dynamic_sidebar.html I changed "url::abs_site" to "url::site".
Since this change the module works again with all browsers.

www.xeta.at

I think the problem started with the update to 3.0.5, first I was not able to figure out when it works and when it does not work. With IE9/10 it always worked but not with Chrome, Opera orFF

Yesterday I noticed that it makes a difference , if I enter my site via www.xeta.at or via xeta.at. From this moment the reason was more clear to me.

The module worked with www.xeta.at because it calls the map always with something like http://www.xeta.at/exif_gps/xml/album/1, via xeta.at it does not work because in this case it is an cross domain request.

Then I looked into the modules files and found url::abs_site and searched the Kohana Documetation and symply tried to change it to url::site.

I am not sure this a special problem with my site, but as other user has also reported the same problem, I think this solution will also work for them.

www.xeta.at

Couple of things to clear up:

I don't understand what the API key is used for. This needs clearing up (in the settings pane, that is). If it's optional and the maps work without it, then why bother at all?

I'm using static maps, but Im getting a broken image in the "Location" sidebar widget. Reverting to interactive maps for now. Yeah it's fancy, but it also kills bandwidth.

Basically, if you're site generates a lot of traffic or you want to monitor your site's usage, you may need an API key.
If you are using static maps with an API console key, you'll want to log in ( https://developers.google.com/console/?noredirect ), click services and make sure "Static Maps API" is switched on.

https://developers.google.com/maps/signup

https://developers.google.com/maps/documentation/javascript/usage#usage_limits

There are similar usage limits for static maps as well: https://developers.google.com/maps/documentation/staticmaps/#Limits

Either disable the sidebar completely, or edit the file modules\exif_gps\views\exif_gps_maps_sidebar.html.php. The difference between the two links is the first one only maps the current album (and sub albums), the "Map Gallery Administrator's photos" link maps every photo belonging to that user.

Firstly, I don't encourage it, I was quoting google's web site. The Console key is listed as optional on the EXIF GPS screen. The decision to use it is entirely up to the individual web site owners. I created the module to work with it or without it.

I have to edit gallery and it's modules in about 20 different places every time I upgrade. It takes about 5 minutes, not that big of a deal. One edit would take a lot less time then that. If you find that unreasonable, you can always turn off the map sidebar link completely and just use the "Map this album" icon instead. You can turn that on from the EXIF GPS config screen. Alternately, you could build your own module that would generate just the sidebar link that you want.

Also, I have the same setup (I am the only user). The link makes perfect sense for me. I have my photos organized into hundreds of albums and sub albums. The "map all of this user's photos" link gives people the ability to create a map of every photo in every album, instead of just mapping the current album. This allows people to find all photos from a certain location, without having to hunt around in all the different albums for what they're looking for.

I really dont understand your point of view. On the one hand you prefer a customized version of this great plugin and on the other hand you are not willing to make a few easy manual changes?

So keep it or leave it....

www.xeta.at

The beauty of open source. Collaboration is the key.

Dave
_____________________________________________
Blog & G2 || floridave - Gallery Team