运行 google 地图信息 window 中的图像滑块

Question

我正在尝试在 Google 地图信息 windows 中显示图像滑块。但没有错误，但滑块不工作。

我想和图片一样做。

 $(document).ready(function() { // runs jquery when document is ready

      function initialize() {

        var uluru = {
          lat: -25.363,
          lng: 131.044
        };
        var map = new google.maps.Map(document.getElementById('map'), {
          zoom: 4,
          center: uluru
        });

        var contentString = '<div id="content"><ul id="slider"><li><img src="demos/images/slide-civil-1.jpg" alt=""></li><li><img src="demos/images/slide-env-1.jpg" alt=""></li><li><img src="demos/images/slide-civil-2.jpg" alt=""></li><li><img src="demos/images/slide-env-2.jpg" alt=""></li></ul></div>';

        var infowindow = new google.maps.InfoWindow({
          content: contentString
        });

        var marker = new google.maps.Marker({
          position: uluru,
          map: map,
          title: 'Uluru (Ayers Rock)'
        });
        marker.addListener('click', function() {
          infowindow.open(map, marker);
        });

        google.maps.event.addListener(infowindow, function() {
          $('#slider').anythingSlider();

        });
      }
      initialize();

    });

Answer 1

您需要运行 $('#slider').anythingSlider(); 信息窗口的 domready 事件（您在事件监听器中缺少事件名称）

google.maps.event.addListener(infowindow, "domready", function() {
      $('#slider').anythingSlider();
 });

运行 google 地图信息 window 中的图像滑块

Run a slider of images in google map info window

javascript

jquery

google-maps

anythingslider