I've done this myself on a couple of maps, this is the technique:
function customiseLargeMapControl(){
var count=6, updateFn=function(){
var mapCtn=document.getElementById('mapCtn');
if( mapCtn){
var images= mapCtn.getElementsByTagName('img'), i= images.length;
while(i--){
if( images[i].src.indexOf('mapcontrols3d5.png')!==-1){
images[i].src='images/custom_mapcontrols3d5.png';
count=0;
}
}
}
count--;
if( count>0){
setTimeout( updateFn, 2000);
}
};
setTimeout( updateFn, 2000);
};
Once the map has loaded i call that function, it checks every 2
seconds to see if the Google PNG for the controls has loaded.
If it finds the PNG then it replaces it with my modified version of
the same PNG (just changes in colors to match the map).
The function will try up to 6 times to replace the Google PNG, if
after 12 seconds it can't find the PNG then it gives up.
Martin.
On 27 Sep, 11:36, jimmyt1988 <[email protected]> wrote:
> I'm struggling to understand how to customise the Google controls so
> that I can create my own personal look and feel for them.
>
> I want to change the png file that is used and use mine instead.
>
> Any hints?
--
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.
