Nothing to do with the Maps API. On Sep 22, 7:00 am, sgiddings <[email protected]> wrote: > Hello, > > I would like to be able to produce a similar sliding side panel effect > as that which can be currently seen on the general maps site. > > So far I have a two div's > 1. full side panel > 2. "closed" side panel > > My problem is that, when I hide the full side panel to show the closed > side panel, at first the map would move over to the left. This is > normal. > So here is what I was doing to keep the map position "static" on the > screen - > > // get the map div > vMap = document.getElementById("carte"); > // get the "closed" side panel div > vClosedOpts = document.getElementById("closed-options"); > // disable the map object UI > vCarte.setOptions({disableDefaultUI: true }); > // get the current center of the map as a LatLng object > vCtr = vCarte.getCenter(); > // convert it to pixels using a custom overlay projection > vPt = vOverlay.getProjection().fromLatLngToContainerPixel(vCtr); > // adjust the x position to cover the now closed side panel area > vPt.x -= 180; > // convert back to latlng positioning > vCtr = vOverlay.getProjection().fromContainerPixelToLatLng(vPt); > // update the map center > vCarte.setCenter(vCtr); > // set the width of the closed panel bar > vClosedOpts.style.width = "20px"; > // update the map div position > vMap.style.left = "20px"; > vMap.style.marginRight = "20px"; > // re-enable the UI > vCarte.setOptions({disableDefaultUI: false }); > > This works well. However, the map flashes during this process (which > is why I tried using the disableDefaultUI option) and as I would like > to use a "sliding" panel effect I would like to know if there would be > a better way of doing this ? > In addition - what would be the best way of implementing the sliding > part ? > > Hope I have given enough info here.
-- 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.
