0

複数のマーカーと情報ウィンドウを使用して Google マップで V2 から V3 に移行しており、マップが正常に機能しています。マーカーをクリックすると、情報ウィンドウが開いたり閉じたりします。

マップの横に、すべてのポイント (マーカー) のリストを通常のテキスト リンク形式で表示しています。たとえば、ユーザーが「シネマ」をクリックすると、対応する情報ウィンドウが開きます。これは機能していますが、問題があります。まず、マップ自体が移動して情報ウィンドウを開くことができず、半分非表示になる可能性があり、クリックして情報ウィンドウを閉じると、移動しません。バージョン 2 では、これを行うために Loughcrew を使用しました。これが私が現時点で持っているスクリプトです：

<div id="map" style="width: 500px; height: 500px; border:solid 1px black; "></div>

<script type="text/javascript">
   var myLatlng = new Array();
   var  marker = new Array();
   var infowindow = new Array();                            

   function initialize() {
      //set the map options
      var mapOptions = {
          zoom: 8,
          center: new google.maps.LatLng(53.50046357326504,-6.8280029296875),
          streetViewControl: true,
          overviewMapControl:true,
          mapTypeId: google.maps.MapTypeId.ROADMAP
      }
      var map = new google.maps.Map(document.getElementById("map"), mapOptions);
      myLatlng[0] = new google.maps.LatLng(53.738315087044704,-7.80029296875);
      //marker
      marker[0] = new google.maps.Marker({
         position: myLatlng[0],
         map: map,
         icon: 'bus.png',
         title:"This is test 1"
      });
      infowindow[0] = new google.maps.InfoWindow({
         content: 'Hey, here is come info'
      });

      google.maps.event.addListener( marker[0], 'click', function() {
         infowindow[0].open(map, marker[0]);
      });

      myLatlng[1] = new google.maps.LatLng(53.12633883947352,-7.3443603515625);
      //marker
      marker[1] = new google.maps.Marker({
         position: myLatlng[1],
         map: map,
         icon: 'tennis-sports.png',
         title:"This is another test again"
      });

      infowindow[1] = new google.maps.InfoWindow({
         content: 'And more info here!'
      });

      google.maps.event.addListener( marker[1], 'click', function() {
         infowindow[1].open(map, marker[1]);
      });

/********************* end of markers  ********************/
   }//end initialize

   function loadScript() {
      var script = document.createElement("script");
      script.type = "text/javascript";
      script.src = "http://maps.googleapis.com/maps/api/js?key=xxxxxxxx&sensor=false&callback=initialize";
      document.body.appendChild(script);
   }

   window.onload = loadScript;

</script>

<a href="javascript:infowindow[1].open(map, marker[1]);" id="link1">Test link</a>
4

1 に答える 1

1

このようにしてみてください：

<a href="javascript:openInfoWindow(1);" id="link1">Test link</a>

function openInfoWindow(i) {
    infowindow[i].open(map, marker[i])
    map.setCenter(marker[i].getPosition())
}
于 2012-08-24T12:04:23.427 に答える