0

GoogleマップにはGoMap jQueryプラグインを使用しています。マップを含む div はデフォルトで非表示になっています。マップを正しく表示する方法はほぼ理解できましたが、div を表示した後、どういうわけかマップを中央に配置できません。見つけたすべての解決策を試しましたが、現在、以下のコードがありますが、まだ正しく動作しません。誰でもこれで私を助けることができますか？ありがとう。

<h3><a class="showmap" href="#">Show map</a></h3>
<div id="map" style="height: 350px; width: 700px;"> </div>

<script type="text/javascript">
$(function() { 
$("#map").goMap({
markers: [{  
        latitude: 49.676196, 
        longitude: 13.444927, 
        html: { 
            content: 'Marker description', 
            popup: true 
        } 
    }], 
    hideByClick: false,
    zoom: 12
}); 
});

$(document).ready(function(){
    $("#map").hide();
});

$('.showmap').click(function(){
 $('#map').slideToggle('slow', function() {
  var center = $.goMap.map.getCenter();      
  google.maps.event.trigger($.goMap.map, 'resize');
  $.goMap.map.setCenter(center);
  });
});

4

1 に答える 1

1

あなたのソリューションはほぼ完璧ですが、デフォルトではマップがパンして情報ウィンドウが見えるようになり、中心が変わります。
AutoPan を無効にすることができます:

$("#map").goMap({
markers: [{  
        latitude: 49.676196, 
        longitude: 13.444927, 
        html: { 
            content: 'Marker description', 
            popup: true ,
            disableAutoPan:true//<--
        } 
    }], 
    hideByClick: false,
    zoom: 12
}); 
});
于 2012-06-12T05:14:03.297 に答える