Ok, I've had a play with this and using jquery i've got this going:
function customiseLargeMapControl(){
$('#map_canvas img').each(
function(){
if($(this).attr("src").indexOf("mapcontrols3d6.png")!
==-1){
$(this).attr({
src: root + "/images/
custom_mapcontrols3d5.png"
});
done = true;
}
}
);
$('#map_canvas div').each(
function(){
if($(this).css("background-
image").indexOf("mapcontrols3d6.png")!==-1){
$(this).css("background-image", "url(" + root + "/
images/custom_mapcontrols3d5.png)");
done2 = true;
}
}
);
}
Thing is, It just feels like Google would have covered this, complete
customisation kind of thing.
I want to be changing the size of everything and where buttons are
located and I also want to unify all of the google map tools into one
control interface on the side of my screen. So rather than having
SATELLITE and HYBRID at the top, I want to make a samrt icon that goes
near the controls that does the same job, for example a camera as the
SATELLITE one.
Any other directions?
On Sep 27, 12:19 pm, Martin <[email protected]> wrote:
> 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.
