0

マーカーがクリックされたときにカスタム Jquery ポップアップを開きたいです。URL は #popup1 または #popup2 などです。URLには機能するが、私が望むものには機能しないurlタグを試しました。

コードは次のとおりです。

<div id="map" style="width: 500px; height: 400px;"></div>

  <script type="text/javascript">
    var map = new google.maps.Map(document.getElementById('map'), {
      zoom: 2,
      center: new google.maps.LatLng(35.55, -25.75),
      mapTypeId: google.maps.MapTypeId.ROADMAP
    });

    var marker = new google.maps.Marker({
      position: map.getCenter(),
      url: '#popup1',
      map: map
    });

    google.maps.event.addListener(marker, 'click', function() {
      window.location.href = marker.url;
    });

  </script>

これは何もしません。クリックしたときにマーカーが中央に配置されるようにしたいと思います。すべての返信に感謝します! どうもありがとう ：）

4

2 に答える 2

1

マップを中央に配置するには、

map.setCenter(marker.getPosition());

イベントリスナーのコールバック関数への最初の行として。URLについて

window.location.href = marker.get('url');

MVCオブジェクトを使用するための解決策かもしれません。

于 2011-07-24T14:33:42.887 に答える
1

marker.url = 'TEXT_WITHOUT_#_SIGN' を使用

window.location.hash = marker.url

また、map.setCenter(marker.position) または map.panTo(marker.position) のいずれかを使用できます。違いは、setCenter() がマップを即座に中央に配置し、panTo がスムーズに移動することです。

于 2011-07-06T19:07:57.360 に答える