Matt,
Yeah, it's not completely clear cut. I don't know if this helps but I
got this Min value horizontal jQuery UI slider to work for setting/
getting our map's overlay opacity:
In the main javascript area:
// gets the current slider value and sets the Google Maps overlay's
opacity to it
// GMoverlay is a global ProjectedOverlay object
function getsliderval() {
var op = $("#opslider").slider("value");
if (GMoverlay)
GMoverlay.setOpacity(op);
$("#opacity").html(op+"%"); // This displays the opacity value
followed by the percent sign outside of the map area
}
// slider function using jQuery UI; calls function above when the
value changes or slide is used
$(function() {
$( "#opslider" ).slider({
range: "min",
min: 0,
max: 100,
value: 50,
slide: getsliderval,
change: getsliderval
});
$( "#opacity" ).val( $( "#opslider").slider("value"));
});
In the <body> section of the document:
<!-- opacity control -->
<div id="peropacity"
style="position:absolute; top:200px;left:450px">Opacity: <span
id="opacity"></span></div>
<div id="opslider" style="position:absolute; top:225px; left:
425px; width:200px"></div>
Hope that helps.
Dave
On Apr 14, 11:33 am, en4ce <[email protected]> wrote:
> hey, you can upload your files to dropbox for example. about the
> jquery thing...i tryed
> something simular yesterday and it did not work, jquery seems not
> getting the events if something is a cumstom map control and embedded
> in the map it self, i will open a new topic about that in a few
> but what you can do:
> 1. dont attach the slider to the map
> 2. place it obove the map via z-index and position relative/absolute
> 3. set a function to the slider, this function should set the zoom
> level
> there are some events to determine if the map is fully loaded, search
> in the forum that for
>
> On 14 Apr., 13:54, Matt Alonso <[email protected]> wrote:
>
> > Sorry about that, it was in a dev staging environment and I did not
> > have a publicly accessible link I could send out.
>
> > I was able to figure out how to do this though...sort of. I had been
> > trying to get the control to be added "automatically" as soon as
> > possible. However, I relaxed that requirement b/c our implementation
> > will not be able to make sure of the slider until a user chooses a
> > variable and so I've just attached the slider creation into the events
> > that trigger overlays being put on the map.
>
> > For whatever it is worth, I included a couple snippets of code below.
>
> > Addition of the custom control (div):
>
> > var sliderContainer = document.createElement('DIV');
> > sliderContainer.innerHTML='<div id="sliderContainer"></div>';
> > controlDiv.appendChild(sliderContainer);
>
> > Code I want(ed) to be triggered automatically (Note: This code is in a
> > separate file):
>
> > $('div#sliderContainer').html('');
> > $(function() {
> > $( "div#sliderContainer" ).slider({
> > orientation: "vertical",
> > range: "min",
> > min: 0,
> > max: 100,
> > value: 60,
> > slide: function( event, ui ) {
> > self.overlay.setOpacity(ui.value)
> > }
> > });
> > sliderSet=1;
> > });
>
> > I guess I am also sort of curious to know how to (programmaticly)
> > determine that the map is loaded and modifications can be made to the
> > controls.
>
> > Thanks
>
> > On Apr 14, 5:11 am, en4ce <[email protected]> wrote:
>
> > > link?
>
>
--
You received this message because you are subscribed to the Google Groups
"Google Maps JavaScript API v3" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/google-maps-js-api-v3?hl=en.
