Skip to content

Instantly share code, notes, and snippets.

@matellis
Created March 26, 2011 00:58
Show Gist options
  • Save matellis/887917 to your computer and use it in GitHub Desktop.
Save matellis/887917 to your computer and use it in GitHub Desktop.
Hack to label Google Map controls with known class names so you can custom position them.
controlList = {
'map_type_control': 'margin-top: 5px; margin-right: 5px; margin-bottom: 5px; margin-left: 5px; z-index: 11; position: absolute; cursor: pointer; right: 0px; top: 0px; ',
'pan_control': 'cursor: url(https://maps-api-ssl.google.com/intl/en_us/mapfiles/openhand_8_8.cur), default; width: 78px; height: 78px; position: absolute; left: 0px; top: 0px; ',
'zoom_control': 'position: absolute; left: 27px; top: 128px; ',
'streetmap_control': 'width: 32px; height: 38px; overflow-x: hidden; overflow-y: hidden; position: absolute; left: 0px; top: 0px; ',
};
function labelControls() {
$.each(controlList, function(id, attr) {
$('div[style^="' + attr + '"]').attr('class',id);
});
}
@matellis
Copy link
Author

Requires jQuery.

@matellis
Copy link
Author

Tested on Google Maps API v3.4

@hitautodestruct
Copy link

Wouldn't it be faster to match by class name?

@gnclmorais
Copy link

@hitautodestruct, it would, but most of the elements just don't have an ID or class name, from what i know.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment