Hi Folks,
I'm experimenting with uploading a static image as the base layer of my neatline exhibit.
Here's the web accessible url for my test image:
http://wyndhamhistory.net.au/files/original/811ede0a4b4730627e2083d5395d773a.png
When I change the exhibit settings to put this in as the base layer and then open the neatline editor I just get a blank screen in the map panel and in the left-hand menu panel - any suggestions?
Cheers,
Tom
Hey Tom,
Hmm, that image is working fine on my system. When you open up the editor, any chance you can see the bottom left corner of the image in the map viewport? Try zooming the map backwards, and panning up and to the right. If the image becomes visible, move it to a good default location and then set the starting focus/zoom for the exhibit by clicking on the "Styles" tab, and then the "Use Current Viewport as Default" button. (It would be nice if Neatline did this automatically for static images.)
Also, just to confirm that the URL is in the right place - the web-accessible URL should be entered into the "Image Layer" field in the exhibit add/edit form.
If it's still not working, can you send a screenshot of what you're seeing when you open the editor after setting the URL?
Thanks!
David
Hi David,
Thanks for the quick response and the advice.
I had another look in the editor view but I couldn't see any of the image - I think it might be a different issue as the left-hand editor options menu is also not showing up - I'll send through a screenshot demonstrating this.
Also, I just checked the exhibit settings and the picture URL is in the correct "image layer" field (will send through a screenshot of this too, just in case)
Thanks again David.
Cheers,
Tom
Hey Tom,
Yeah, looks like there's something else wrong with the installation that's causing the editor to choke up before the application even starts. Does this happen with all exhibits, or just the one(s) with static images?
Let's try this - open up Chrome, go to the editor for the broken exhibit, and then open up the developer tools by clicking on the icon at the top right with three little horizontal bars, then Tools > Javascript Console. Reload the page - do you see any red error logs in the terminal? If so, can you send them my way?
I've got a couple theories about what might be going on here, but need a couple more data points to be sure.
Thanks!
David
Hi David,
Thanks for this, sure enough I get the following error in the console tab of the Chrome Javascript console when I load the editor - hope this sheds some light on things, thanks again for taking a look.
Uncaught TypeError: Cannot call method 'clone' of null neatline-editor.js:21
OpenLayers.Tile.OpenLayers.Class.initialize neatline-editor.js:21
OpenLayers.Tile.Image.OpenLayers.Class.initialize neatline-editor.js:21
OpenLayers.Layer.Image.OpenLayers.Class.moveTo neatline-editor.js:23
OpenLayers.Map.OpenLayers.Class.moveTo neatline-editor.js:19
OpenLayers.Map.OpenLayers.Class.setCenter neatline-editor.js:19
a.View.c.View.extend.setViewport neatline-editor.js:48
a.View.c.View.extend._initViewport neatline-editor.js:48
a.View.c.View.extend.initialize neatline-editor.js:48
a.View neatline-editor.js:11
c neatline-editor.js:11
(anonymous function) neatline-editor.js:48
(anonymous function) neatline-editor.js:12
l neatline-editor.js:2
m.fireWith neatline-editor.js:2
e.(anonymous function) neatline-editor.js:2
c.extend.run neatline-editor.js:12
c.extend.start neatline-editor.js:12
(anonymous function) neatline-editor.js:12
(anonymous function) neatline-editor.js:12
l neatline-editor.js:2
m.fireWith neatline-editor.js:2
e.(anonymous function) neatline-editor.js:2
c.extend.run neatline-editor.js:12
c.extend.start neatline-editor.js:12
(anonymous function) bootstrap.js:11
l neatline-editor.js:2
m.fireWith neatline-editor.js:2
fb.extend.ready neatline-editor.js:1
nb neatline-editor.js:1
Cheers,
Tom
Hey Tom,
Thanks for posting this. I _think_ what's going on here is that Neatline is unable to determine the dimensions of the image (something that should happen automatically when the exhibit form is saved), which then chokes up the routine that sets the starting focus and zoom for the map viewport.
To confirm, let's try this - open up the editor for the broken exhibit, open the Javascript Console again, and this time type this into the terminal (below the error messages):
Neatline.g.neatline.exhibit
And press enter. You should get a response like this:
Object {owner_id: 1, added: "2013-07-10 09:11:19", modified: "2013-11-14 03:52:59", published: null, item_query: null…}
Click the little arrow on the left to expand the object, and send me the complete output. (This shows all of the data associated with the exhibit, including the non-user-facing fields where I think the problem lies.)
If I'm right about where the problem is, I suspect some kind of PHP configuration problem that's causing the getimagesize() function to fail, which should be fixable.
Thanks!
David
Hi David,
Thanks for this, here's the response to the Neatline.g.neatline.exhibit statement:
Object {owner_id: 3, added: "2013-10-06 23:14:34", modified: "2013-11-19 08:56:43", published: "2013-11-08 02:33:28", item_query: "a:5:{s:5:"range";s:0:"";s:10:"collection";s:1:"4";…s:0:"";s:13:"submit_search";s:12:"Import Items";}"…}
added: "2013-10-06 23:14:34"
id: 1
image_height: null
image_layer: "http://wyndhamhistory.net.au/files/original/ddc01ab34c1e08136ea8753d5c24faa5.jpg"
image_width: null
item_query: "a:5:{s:5:"range";s:0:"";s:10:"collection";s:1:"4";s:4:"type";s:0:"";s:4:"tags";s:0:"";s:13:"submit_search";s:12:"Import Items";}"
map_focus: "16110393.583711,-4554497.941081"
map_zoom: 15
modified: "2013-11-19 08:56:43"
narrative: "<p>A pictorial glimpse at the history of the Truganina State School</p>
↵"
owner_id: 3
parent_id: 1
public: 1
published: "2013-11-08 02:33:28"
simile_default_date: null
simile_interval_pixels: 100
simile_interval_unit: "YEAR"
simile_tape_height: 10
simile_track_height: 30
slug: "truganina-state-school"
spatial_layer: "GooglePhysical"
spatial_layers: null
spatial_querying: 1
styles: null
title: "Truganina State School"
widgets: "Waypoints"
wms_address: null
wms_layers: null
__proto__: Object
Cheers,
Tom
Hey Tom,
Ah, I think I know what's going on - any chance the Omeka item that contains the image is set to "private"? When I try to hit http://wyndhamhistory.net.au/files/original/ddc01ab34c1e08136ea8753d5c24faa5.jpg, I get a login prompt. In order for Neatline to be able to work with the image, it needs to be publicly-accessible on the web.
Try this - make the item public, and then open up the exhibit details form and re-save the current settings. Let me know if that works!
Best,
David
Hey David,
Sorry about the late reply - yes, that's exactly what it was - feeling a bit daft now but thanks very much for clearing it up.
I also noticed that when using an image as the base layer I really need to limit the maximum zoom to no more than 2 or 3 before the image gets really pixelated - will keep playing around with this.
Thanks again,
Tom