在Google Maps v3中设置标准缩放控件的样式

时间:2011-02-18 15:51:51

标签: javascript jquery google-maps-api-3

是否有一种简单的方法可以在Google Maps JavaScript API v3中设置Zoom控件的样式?我想要的只是将标准图像(http://maps.gstatic.com/intl/en_ALL/mapfiles/mapcontrols3d6.png)更改为我的图像而不实现自定义控件。我试图用JQuery在DOM中更改它,但我找不到合适的位置来执行此操作。 任何提示将不胜感激

1 个答案:

答案 0 :(得分:4)

因此,我们提出了一个解决方案,在tilesloaded Map事件中执行以下操作:

var styleZoomControl = function ()
{
    var imgs = mapCanvas.find('img[src$="mapfiles/mapcontrols3d6.png"]');

    if (imgs.length > 0 || mapCanvas.find('img[src$="mapfiles/szc3d.png"]').length > 0)
    {
        if (imgs.length > 0)
            imgs.attr('src', '/design/consumer/images/zoom-control.png');
    } else
    {
        setTimeout(styleZoomControl, 200);
    }
}