在Google Map-Multiple Markers aspx中制作一个标记

时间:2013-07-25 07:31:26

标签: javascript asp.net google-maps

我设计了Google地图aspx页面,以Google标记的形式在Google地图上显示多个银行分行位置。 Google地图页面显示为另一个aspx页面的弹出窗口,这些银行分支正在从数据库中提取。现在我的要求是在Google地图页面中仅显示一个标记(在页面加载本身上),该标记显示用户从另一个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);

由于我是谷歌地图设计的新手,我没有找到解决方案。有人可以帮帮我吗。任何帮助都很明显。

提前致谢...

0 个答案:

没有答案