为了账号安全,请及时绑定邮箱和手机立即绑定

谷歌标记点击事件不起作用,但地图点击事件是

谷歌标记点击事件不起作用,但地图点击事件是

繁星点点滴滴 2021-06-12 12:41:19
我正在尝试使用 google maps javascript api 在地图上制作一个可点击的标记。当我单击标记时,什么也没有发生。但是,当我将点击事件设置为地图而不是标记时,我可以在任何地方点击,控制台将记录“点击”,并在标记处弹出一个信息窗口。标记和地图都是在范围内的同一点声明的,所以我无法弄清楚为什么一个有效,另一个无效。这是我现在的代码:window.onload = function() {        var marker = new google.maps.Marker({ animation: google.maps.Animation.DROP });        var infoWindow = new google.maps.InfoWindow();        var pos;        // The location of Uluru        var uluru = { lat: 43.221009, lng: -79.865291 };        // The map, centered at Uluru        var map = new google.maps.Map(            document.getElementById('map'), { zoom: 12, center: uluru });        // The marker, positioned at Uluru        // Try HTML5 geolocation.        if (navigator.geolocation) {            navigator.geolocation.getCurrentPosition(function (position) {                pos = {                    lat: position.coords.latitude,                    lng: position.coords.longitude                };                marker = new google.maps.Marker({ position: pos, map: map });                                map.setCenter(pos);            }, function () {                handleLocationError(true, infoWindow, map.getCenter());                marker = new google.maps.Marker({ position: uluru, map: map });            });        }        else {            marker = new google.maps.Marker({ position: uluru, map: map });                         // Browser doesn't support Geolocation            handleLocationError(false, infoWindow, map.getCenter());        }         marker.addListener('click', function (){            showInfoWindow();        });        function showInfoWindow() {            console.log("Click");            infoWindow.setPosition(pos);            infoWindow.setContent('Your Location');            infoWindow.open(map);        }
查看完整描述

2 回答

?
呼唤远方

TA贡献1856条经验 获得超11个赞

尝试将事件参数传递给您的函数。


 `marker.addListener('click', function (event){` 

   if (event) {

      showInfoWindow();

   }     

  });


查看完整回答
反对 回复 2021-06-18
  • 2 回答
  • 0 关注
  • 161 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信