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

【问题标题】：Styling standard Zoom control in Google Maps v3Google Maps v3 中的标准缩放控件样式
【发布时间】：2011-02-18 15:51:51
【问题描述】：

有没有一种简单的方法来设置 Google Maps JavaScript API v3 中缩放控件的样式？我想要的只是将标准图像 (http://maps.gstatic.com/intl/en_ALL/mapfiles/mapcontrols3d6.png) 更改为我的图像，而无需实现自定义控件。我尝试使用 JQuery 在 DOM 中更改它，但找不到合适的位置。任何提示将不胜感激

【问题讨论】：

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

【解决方案1】：

所以我们想出了一个解决方案，对Map 的tilesloaded 事件执行以下操作：

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);
    }
}

【讨论】：