Matt, Yeah, sorry I didn't see you wanted to add this as a map control. But, as I found, if you have it outside of the map, you can still use it to get and set values for map objects.
Dave On Apr 14, 2:38 pm, 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?- Hide quoted text - > > - Show quoted text - -- 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.
