2017-10-02 12 views
0

私は、マーカーの上部にインフォボックスオーバーレイを持つ地図を持っています。ボックスは大きく引用されているので、ビューの外に出るので、マップの中心を約150ピクセル下にオフセットする必要があります。 panByメソッドを使ってgmap3 jQueryプラグインを使用して地図中心をオフセットする方法を理解できません。gmap3オフセット地図センター

これは私のコードです:私は解決策を自分で見つけた

var center = [<?php echo $coordinate ?>]; 
$('#sw-map') 
    .gmap3({ 
    center: center, 
    zoom: 16, 
    mapTypeId : google.maps.MapTypeId.ROADMAP, 
    }) 
    .marker({ 
    position: center 
    }) 
    .overlay({ 
    position: center, 
    content: html, 
    x:-125, 
    y:-260 
    }); 

おかげ

答えて

0

。 gmap3 v7.2を使用していたのを忘れてしまいました。コードを少し変更してv6に戻ってしまったので、ここではうまくいきます。

var center = [<?php echo $coordinate ?>]; 
var default_zoom = <?php echo $sw_single_map_default_zoom_level ?>; 
var max_zoom = <?php echo $sw_single_map_max_zoom_level ?>; 
var min_zoom = <?php echo $sw_single_map_min_zoom_level ?>; 

var offsetX = -125; 
var offsetY = -268; 
var panY = -100; 

<?php if ($sw_single_map_infobox == 1) { 
    ?> 
var offsetX = -47; 
var offsetY = -154; 
var panY = -70; 
<?php } ?> 

$("#sw-map").gmap3({ 
    map:{ 
     options:{ 
      center: center, 
      zoom: default_zoom, 
      maxZoom: max_zoom, 
      minZoom: min_zoom, 
      mapTypeId : google.maps.MapTypeId.ROADMAP 
     } 
     }, 
     marker:{ 
     latLng: center 
     }, 
     overlay:{ 
     latLng: center, 
     options:{ 
      content: html, 
      offset:{ 
      x: offsetX, 
      y: offsetY 
      } 
     } 
     } 
    }); 

var map = $("#sw-map").gmap3("get"); 
map.panBy(0,panY);