0

私はこのグーグルマップスクリプトを使用しています。マーカーをクリックしたときに情報ボックスをポップアップさせたい場合はどうすればよいですか？

ここでスクリプトを試すことができます：http：//clark-kim.se/preview/googlemaps2.html

すべてのコードを投稿することはできませんでしたが、少なくともスクリプトは次のとおりです。

<script>
          function initialize() {
            var map = new google.maps.Map(document.getElementById('map-canvas'), {
              mapTypeId: google.maps.MapTypeId.ROADMAP,
            });
            var defaultBounds = new google.maps.LatLngBounds(
                new google.maps.LatLng(-33.8902, 151.1759),
                new google.maps.LatLng(-33.8474, 151.2631));
            map.fitBounds(defaultBounds);

            var input = document.getElementById('target');
            var searchBox = new google.maps.places.SearchBox(input);
            var markers = [];

            google.maps.event.addListener(searchBox, 'places_changed', function() {
              var places = searchBox.getPlaces();

              for (var i = 0, marker; marker = markers[i]; i++) {
                marker.setMap(null);
              }

              markers = [];
              var bounds = new google.maps.LatLngBounds();
              for (var i = 0, place; place = places[i]; i++) {
                var image = {
                  url: place.icon,
                  size: new google.maps.Size(71, 71),
                  origin: new google.maps.Point(0, 0),
                  anchor: new google.maps.Point(17, 34),
                  scaledSize: new google.maps.Size(25, 25)
                };

                var marker = new google.maps.Marker({
                  map: map,
                  icon: image,
                  title: place.name,
                  position: place.geometry.location
                });

                markers.push(marker);

                bounds.extend(place.geometry.location);
              }

              map.fitBounds(bounds);
            });

            google.maps.event.addListener(map, 'bounds_changed', function() {
              var bounds = map.getBounds();
              searchBox.setBounds(bounds);
            });
          }
          google.maps.event.addDomListener(window, 'load', initialize);
        </script>
4

2 に答える 2

0 
      google.maps.event.addListener(marker, 'click', function() {
            infowindow.setContent("Your content here");
            infowindow.open(map, this);
        });

最初に情報ウィンドウを作成してから、クリックするたびに一方の端で情報ウィンドウを閉じ、もう一方の端で開く必要があります。

于 2013-03-22T22:30:37.557 に答える