gmap3 오프셋지도 센터

Question

마킹 상단에 인포 박스 오버레이가있는지도가 있습니다. 상자가 큰 따옴표로 표시되어 있으므로지도의 중심을 150px 아래로 오프셋해야합니다. panBy 메서드를 사용하여 gmap3 jQuery 플러그인을 사용하여지도 중심을 오프셋하는 방법을 알아낼 수 없습니다.

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 
    }); 

감사

내가 솔루션 나 자신을 발견했습니다

Answer 1

:

이

내 코드입니다. 내가 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);