Here is a workaround for the StreetView icon scaling issue:
http://code.google.com/p/gmaps-api-issues/issues/detail?id=2969
This code should be placed in the function before a new
google.maps.StreetViewPanorama and Marker are created:
function streetView(lat,lng) {
var cssCode = '#map div[style] { -webkit-transform: scale(1) !important;
-moz-transform: scale(1) !important; }'
var styleElement = document.createElement('style');
styleElement.type = 'text/css';
styleElement.id = 'scaleOff';
styleElement.appendChild(document.createTextNode(cssCode));
document.getElementsByTagName('head')[0].appendChild(styleElement);
[... rest of your code ...]
// need to remove the style element or the map will fail to work
// after the StreeView display is closed.
google.maps.event.addListenerOnce(myPano, 'closeclick', function() {
for (var i = 0; i < document.getElementsByTagName('style').length; i++)
{
var id = document.getElementsByTagName('style')[i].getAttribute('id');
if (id == 'scaleOff') {
document.getElementsByTagName('style')[i].parentNode.removeChild(document.getElementsByTagName('style')[i]);
}
}
});
}
If StreetView runs in its own div, you may be able to get away with just
adding this to your stylesheet:
#streetView div[style] { -webkit-transform: scale(1) !important;
-moz-transform: scale(1) !important; }
The above code should not be considered a solution and probably should not
be used in a production environment.
I just wanted share the results of my experiment. Perhaps some
CSS/javascript gurus can add their thoughts.
thanks.
--
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.
