BoundsBox extension was used for drawing rectangles on map a few posts ago.
The new version of BoundsBox (1.0) has option to insert images inside (visible or invisible) rectangles. The image is attached in a draggable pane of map. So it pans with map. It scales when map is zoomed. It is attached below markers, so it doesn't eat marker clicks. The behavior is equal to GGroundOverlay of v2 api.
A few more options and methods were introduced with the new version. They mainly serve image handling like opacity and z-index. Events 'imageloaded' and 'imageloaderror' are also provided.
See an example with a table of options and methods.
Update v1.1
The most latest version provides also an alternative constructor KmBox(). Instead of LatLngBounds it takes LatLng and kmX, kmY dimensions as its parameters. As a side product we got LatLng.destinationLatLng(bearing, distance) method. That calculates LatLng 'that many kilometers from this LatLng to that compass bearing'.
Subscribe to:
Post Comments (Atom)
5 comments:
can you add an IE .png fix for that like John D. Coryat did on this file?
http://www.mario-baldauf.org/API_v3/verortung/skripte/ProjectedOverlay.js
didnt get it to work on my own...
I don't have IE6 available now.
A separate PNG Fix CSS behavior file is a simple solution.
Try this one.
its not only IE6 - using IE8
anyway, successfully implemented the png fix you suggested by adding a class to img
(image.className = this.opts.cssClass || this.opts.className || 'pane_image';)
now image shows correctly in IE only after zoom has changed but not on first load
link:
http://www.mario-baldauf.org/API_v3/verortung/index.html
Adding CSS class to img is a great idea.
Nice example. I will look into it very soon.
for some odd reason it only fails on my pc at work - at home everything works as aspected
anyway - thx again for your help and great examples
Post a Comment