yeah of cause =) but different resolutions / dpi / fonts installed on the hardware and all kind of stuff make me move away from have it outside of the map
On 15 Apr., 13:15, teknocreator <[email protected]> wrote: > 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.
