文章/答案/技术大牛

发布

社区首页 >问答首页 >如何拦截Google街景全景图上的点击事件？

问如何拦截Google街景全景图上的点击事件？
EN

Stack Overflow用户

提问于 2017-07-01 03:33:53

回答 1查看 826关注 0票数 0

我有这个简单的HTML / Javascript代码，使用谷歌地图和谷歌街景...

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>test Street View</title>

    <style>
      html, body {
        min-height: 100%;
        min-width: 100%;
        margin: 0;
        padding: 0;
      }
      table {
        width: 95vw;
        height: 95vh;
      }
      td {
        width: 50%;
        height: 50%;
      }
   </style>
  </head>
  <body>
    <div id="maps-images">
     <center>
      <table border=1>
       <!-- first row -->
       <tr id="row1">
         <td id="g_map">
           <div id="google_map" style="width:100%;height:100%"></div>
         </td>
         <td id="google-street-view">
           <div id="google-street-view_images" style="width:100%;height:100%"></div>
         </td>
       </tr>
      </table>
    </center>
    </div>

    <script>
      var panorama;

      function initialize() {
        //### The original pegman position ...
        var pegman_position = {lat: 42.628386111111126, lng: 13.291408333333237};
        var marker;

        //### Add Google Map ...
        var google_map = new google.maps.Map(document.getElementById('google_map'), {
          center: pegman_position,
          zoom: 16
        });

        //### Add Google Street View ...
        window.panorama = new google.maps.StreetViewPanorama(
          document.getElementById('google-street-view_images'), {
            position: pegman_position,
            pov: {
              heading: 34,
              pitch: 10
            }
          });
       google_map.setStreetView(window.panorama);

       //### Modify Street View controls ...
       var panoOptions = {
         scrollwheel: true,
         disableDefaultUI: false,
         clickToGo: true
       };
       window.panorama.setOptions(panoOptions);

      }
    </script>

    <script async defer
        src="https://maps.googleapis.com/maps/api/js?key=<PUT_YOUR_API_KEY_HERE>&callback=initialize">
    </script>

  </body>
</html>

我想在用户点击Google街景全景图时拦截，但我在官方文档中找不到一个点击事件来管理这种情况。注意:我对position_changed事件不感兴趣....

有什么例子/建议/变通方法吗？

javascript

html

google-maps

google-maps-api-3

google-street-view

回答 1

Stack Overflow用户

发布于 2017-07-01 03:56:45

我已经用这种方法解决了问题..

  var google_street_view_images_div = document.getElementById("google-street-view_images"); //grab the element
  google_street_view_images_div.onclick = function() {
   alert("Click!");
  }

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/44853705

复制

相似问题

问如何拦截Google街景全景图上的点击事件？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何拦截Google街景全景图上的点击事件？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何拦截Google街景全景图上的点击事件？
EN