0

私のユーザーは最近、デフォルトのページの読み込みが以前よりもはるかに遅いと言っていました。ページが読み込まれるとすぐにマップが読み込まれるためだと思います。ここをクリックボタンがクリックされるまでそれを遅らせる方法はありますか？

これまでの回答から得た提案をもとに、外部URLから地図を呼び出すことにしました。ただし、読み込まれたページのJavascriptは実行されません。Hoeこれを修正できますか？

ありがとう！

これが私が外部ページと呼ぶ方法です。

$(function() {

    // if the function argument is given to overlay,
    // it is assumed to be the onBeforeLoad event listener
    $("a[rel]").overlay({

        mask: 'darkred',
        effect: 'apple',

        onBeforeLoad: function() {

            // grab wrapper element inside content
            var wrap = this.getOverlay().find(".contentWrap");

            // load the page specified in the trigger
            wrap.load(this.getTrigger().attr("href"));
        }

    });
});
<!-- external page is given in the href attribute (as it should be) -->
<a href="default.cs.asp?Process=ViewCheckinMap" rel="#overlay" style="text-decoration:none">
  <!-- remember that you can use any element inside the trigger -->
  <button type="button">Show external page in overlay</button>
</a>

これは実行されないものです。

<script>
      function initialize() {
        var data = <%=Data%>;
        var center = new google.maps.LatLng(48.404840395764175, 2.6845264434814453);

        var map = new google.maps.Map(document.getElementById('map'), {
          zoom: 2,
          center: center,
          mapTypeId: google.maps.MapTypeId.ROADMAP
        });

        var markers = [];
        for (var i = 0; i < data.users.length; i++) {
          var location = data.users[i];
          var latLng = new google.maps.LatLng(location.latitude,
              location.longitude);
          var marker = new google.maps.Marker({
            position: latLng
          });
          markers.push(marker);
        }
        var markerCluster = new MarkerClusterer(map, markers);
      }
      google.maps.event.addDomListener(window, 'click', initialize);
</script>
4

2 に答える 2

2

あなたの変更された質問に関して：

削除するgoogle.maps.event.addDomListener(window, 'click', initialize);

に変更wrap.load(this.getTrigger().attr("href"));：

wrap.load(this.getTrigger().attr("href"), function(){initialize();});

これにより、外部JavaScriptを読み込んだ直後に、マップが初期化されます。

未検証 ：（

于 2012-05-30T07:47:45.177 に答える
1

つまり、ajaxをロードした外部ページが必要です。

これを行うには、新しいhtmlページを作成します。そして、map.htmlという名前を付けます。map.htmlページに、Googleマップコードを入力するだけです。

デフォルトページ用<a href="map.htm" rel="#overlay">Click here to open the map</a>。

その後、マップがにロードされます。contentWrapdivはajaxメソッドを使用しています。

<!-- overlayed element -->
 <div class="apple_overlay" id="overlay">
  <!-- the external content is loaded inside this tag (map.html) -->
  <div class="contentWrap"></div>
 </div>

.contentWrapのCSS

/* container for external content. uses vertical scrollbar, if needed */
div.contentWrap {
height: 400px; // it is the same height of the #map div
overflow-y:auto;
}
于 2012-05-30T07:32:19.477 に答える