Question

我正在使用带有GMapPanel.js（https://gist.github.com/anonymous/8172299）和谷歌地图V3 API的extjs v4.2。

我的标记很好。我想要做的是在给定时间后说10秒钟，更改特定标记的标记图标图像。

这是初始化标记的文件（https://gist.github.com/anonymous/8172388），但我相信这些更改是在GMapPanel.js中进行的

我在地图最初加载时使用清除标记，然后我希望在给定时间（10秒）后将其更改为绿色标记

GMapPanel.js的第53行是最初加载标记的地方。

在第54行，我试图改变标记（没有任何计时器只是简单地尝试更改标记）。

如果有人能告诉我如何更改图标，我会非常感激。我希望这个问题很清楚，如果您需要更多信息，请告诉我。

干杯。

Answer 1

GMapPanel有一个mapready事件，注册它并获取gmap v3 api的地图对象，然后你可以实现基于gmap v3 google api的功能等。例如

mapready : function(map, eOpts) {
                    var mapObj = map.gmap;
                    var marker = new google.maps.Marker({
                    map : mapObj,
                    draggable : true,
                    animation : google.maps.Animation.DROP,
                    position : new google.maps.LatLng(38.410558, -98.525391)
                    });
                 setTimeout(function(){marker.setIcon('newImage.png');}, 2000);

                }

以上代码未经测试。只是提出一个想法。

在指定时间后更改谷歌地图图标图像

1 个答案: