you did something like this:
map.controls[google.maps.ControlPosition.RIGHT_BOTTOM].push($
("#opslider"));
?
On 14 Apr., 20:38, teknocreator <[email protected]> wrote:
> 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.
