Does anybody know what's the OpenLayers3 version of OpenLayers.Control.Panel? Couldn't find anything to group the contols (zoom in, zoom out, full screen, etc.) in a "navigation bar".
Many thanks
There is no OpenLayers.Control.Panel. It's the application code to manage this part.
You have to make your own controls using HTML, JavaScript and CSS.
See this official example to understand how to do it http://openlayers.org/en/v3.0.0/examples/custom-controls.html
Related
I'm really stuck on this one!
I'm using the WP Tiles plugin (http://wp-tiles.com/) to display custom post types for a new Wordpress project. Everything works fine EXCEPT that the tiles are displayed as squares. HOWEVER, my graphic designer wants the tiles to display as rectangles (see this for an example: http://greensenseweb.info/wptilesproblem.jpg).
There's been no reply from the plugin developer, so I guess I'm on my own on this one. I've already delved into the plugin and have seen it uses Pixellab's tiles.js (http://thinkpixellab.com/tilesjs/).
Unfortunately, my javascript is average at the best of times! How can I adjust the plugin or tiles.js to give me rectangles instead of squares?
Thanks in advance for any help!
Did you ever figure it out? I'm having the same problem.
I've been trying to use a jQuery workaround like this:
jQuery('.wp-tiles-tile').height((jQuery('.wp-tiles-tile').width())*0.8);
but obviously it only works for a static page, as soon as you resize the window its not working anymore (plus its not really a clean solution).
Im creating a super simple 'app' for facebook were users will have to locate a character from within a detailed illustration (wheres waldo style).
I want people to be able to Zoom and Pan (like google maps) but also have the ability to click on the character once they find it and have a popup or redirect to the next page.
Does anyone know of a script that can do this? I have found a few zoom tools but you cant click or create hotspots, same goes with the zoom + pan tools. I found this one which is quite nice: http://www.dimin.net/software/panojs/#Demos
Hoping someone knows of something that will work for me.
Thanks in advance,
Matt
Ended up just using a good old html map with a redirect. Thanks all!
I want to place arrows and small explanations floating over the top of my web page when they first signup to kinda teach them the basics. I want like a tooltip with an integrated pointer/arrow but is not activated on mouseover, it is just loaded on the page when it is loaded and visible. Is there a jQuery or javascript that will do this?
Many thanks
Paul
I don't think you really need javascript for that. Some custom CSS will do just fine!
Or do you want the tooltips to (dis)appear? I mean like a some kind of a tutorial?
I am using this one: http://flowplayer.org/tools/tooltip/index.html and can't be happier with it :)
You can also take a look here to see different types of tooltips.
I'm trying to superpose two GwtCanvas (which use an Html5 canvas). I am able to get this effect by using an absolute panel. But by doing this, I can't get my object to fill my panel. I would like to this so I can do a whiteboard in GWT. So far, I'm pretty advance but I would like to have multiple canvas overlay to support undo or preview. For example, if we draw a rectangle, it would be good to preview it as we move the mouse. I have found a javascript tutorial to do this :
ex:
http://dev.opera.com/articles/view/html5-canvas-painting/
There is a javascript example, but I'm not sure how to do the bridge between GWT and JavaScript. Any ideas ?
I think you should go for GWT JSNI - This way you would be able to access your JS from GWT code. You can find more information about JSNI at the following location:
http://code.google.com/webtoolkit/doc/latest/DevGuideCodingBasicsJSNI.html
I have a requirement in the project I am working on for a piece of JavaScript which will allow the user to pan over and zoom in and out of a large image.
Unfortunately, my experience with JavaScript is limited.
Does anybody know of a free script out there which would satisfy my requirements?
There is a jquery ZoomImage plug-in to my opinion which would be good use for this case..Examples for code are here or here.
There is one that also uses a zoom toolbar next to the image