首页 / JAVASCRIPT / 任何Google Maps标记的JavaScript Click事件？

任何Google Maps标记的JavaScript Click事件？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了任何Google Maps标记的JavaScript Click事件？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1966字，纯文字阅读大概需要3分钟。

内容图文

单击任何Google Maps标记时,我需要使事情发生.我使用此链接中的演示作为起点：

http://gmap3.net/examples/tags.html

更新-香港专业教育学院尝试以下方法：

$.each(markers, function(i, marker){
  marker.click(function(){  
     alert('alert');
  });
});

$.each(markers, function(i, marker){
  $(marker).click(function(){  
     alert('alert');
  });
});

UPDATE Ive尝试将此中间部分添加到现有代码中：

        $.each(markers, function(i, marker){
            marker.setMap( checked ? map : null);

           //added code begins
            $(marker).click(function(){ 
                 alert('dfd');
              });
           //added code ends

        });

解决方法:

请注意,OP询问使用GMAP3库进行此操作,该库是一个jQuery插件库,在Google Maps层的顶部添加了一个API层.绝对正确地说Google API将使用google.maps.addListener,但我认为OP希望它更接近GMAP3 example using addMarkers,但要监听click事件.考虑到这一点,我修改了GMAP3中的示例,并将mouseenter事件更改为click事件,并摆脱了mouseleave事件.

对于那些想进一步玩游戏的人,我创建了jsFddle of this example.

来源：

<!DOCTYPE HTML>
<html>
<head>
    <style>
     #map {
      width: 400px;
      height: 400px;
  }
</style>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false">  </script>
<script type="text/javascript" src="http://gmap3.net/js/gmap3-4.1-min.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $('#map').gmap3({
            action: 'init',
            options: {
                center: [46.578498, 2.457275],
                zoom: 5
            }
        }, {
            action: 'addMarkers',
            markers: [
            {
                lat: 48.8620722,
                lng: 2.352047,
                data: 'Paris !'},
                {
                    lat: 46.59433,
                    lng: 0.342236,
                    data: 'Poitiers : great city !'},
                    {
                        lat: 42.704931,
                        lng: 2.894697,
                        data: 'Perpignan ! <br> GO USAP !'}
                        ],
                        marker: {
                            options: {
                                draggable: false
                            },
                            events: {
                                click: function(marker, event, data) {
                                    var map = $(this).gmap3('get'),
                                    infowindow = $(this).gmap3({
                                        action: 'get',
                                        name: 'infowindow'
                                    });
                                    if (infowindow) {
                                        infowindow.open(map, marker);
                                        infowindow.setContent(data);
                                    } else {
                                        $(this).gmap3({
                                            action: 'addinfowindow',
                                            anchor: marker,
                                            options: {
                                                content: data
                                            }
                                        });
                                    }
                                }
                            }
                        }
                    });
});?
</script>
</head>
<body>
    <div id="map" style="width: 400x; height: 400px"></div>?
</body>
</html>

内容总结

以上是互联网集市为您收集整理的任何Google Maps标记的JavaScript Click事件？全部内容，希望文章能够帮你解决任何Google Maps标记的JavaScript Click事件？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/673756.html

来源：【匿名】