1

我设计了谷歌地图 aspx 页面，它以标记的形式在谷歌地图上显示银行分行的多个位置。Google 地图页面显示为来自另一个 aspx 页面的弹出窗口，并且这些银行分行正在从数据库中获取。现在我的要求是在谷歌地图页面（在页面加载本身）中只动画一个标记，它显示用户从另一个 aspx 页面的下拉列表中选择它的位置。我不希望我的所有标记都被动画化。

我已按如下方式应用了 toggleBounce() 函数，但它会为所有标记设置动画

(function (Mycontent) {

                    geocoder.geocode({ 'address': locarr[i] }, function (results, status) {

                        if (status == google.maps.GeocoderStatus.OK) {
                            map.setCenter(results[0].geometry.location);
                            var marker = new google.maps.Marker({
                                map: map,
                                position: results[0].geometry.location,
                                icon: icon1,
                                info: InfoPopUp,
                                animation: google.maps.Animation.DROP
                            });

                            function toggleBounce() {
                                if (marker.getAnimation() != null) {
                                    marker.setAnimation(null);
                                } else {
                                    marker.setAnimation(google.maps.Animation.BOUNCE);

                                    window.setTimeout(
                                        function () {
                                            marker.setAnimation(null);
                                        },
                                        5000);
                                }
                            }

                            google.maps.event.addListener(marker, 'mouseover', function () {
                                InfoPopUp.open(map, marker);
                                InfoPopUp.setContent(Mycontent);
                                marker.setIcon(icon1);
                            });

                            google.maps.event.addListener(marker, 'mouseout', function () {
                                InfoPopUp.close(map, marker);
                                marker.setIcon(icon1);
                            });

                            bounds.extend(marker.getPosition());

                            google.maps.event.addListener(marker, 'click', toggleBounce);

                        }   // end if

                        else {
                            alert('Geocode was not successful for the following reason: ' + '\n' + status);
                        }
                    });     // geocoder ends  
                })(Mycontent);

由于我是谷歌地图设计的新手，我没有找到解决方案。谁能帮帮我。任何帮助都是可观的。

提前致谢...

4

0 回答 0