How to add logo to copyrights in google maps?

Question

I'm adding new layers to my google map application and want to add new logo there. Like in this case:

Is there some clean way how to do it in the google maps API, like using GCopyright and GCopyrightCollection classes in google maps API v2? Or is this missing in v3 (like many other features) and I have to do it manually?

Answer 1

In Google Maps API v3, there's no copyright API. Note that in v2, the GCopyright was used to add textual copyright information, not a logo.

To add a logo to the map you have to create a custom control.

Create a logo custom control:

function MyLogoControl(controlDiv) {
    controlDiv.style.padding = '5px';
    var logo = document.createElement('IMG');
    logo.src = 'img/my_logo.png';
    logo.style.cursor = 'pointer';
    controlDiv.appendChild(logo);

    google.maps.event.addDomListener(logo, 'click', function() {
        window.location = 'http://www.example.com'; 
    });
}

Add the control to the map:

var logoControlDiv = document.createElement('DIV');
var logoControl = new MyLogoControl(logoControlDiv);
logoControlDiv.index = 0; // used for ordering
map.controls[google.maps.ControlPosition.BOTTOM_LEFT].push(logoControlDiv);

Similarly a copyright information can be added. But you can't modify the default copyrights, you have to add yours somewhere next to the defaults.

If you want to add a copyright information that's bound to a bounding box and/or zoom level, you have to create such behaviour manually.