2017-10-02 4 views
0

Ich habe eine Karte mit einem Infobox-Overlay auf der Oberseite des Markers. Da die Box zittrig groß ist, geht die Ansicht weg, so dass ich die Mitte der Karte um 150px nach unten versetzen muss. Ich kann nicht herausfinden, wie man die Methode panBy verwendet, um die Kartenmitte mit dem jQuery-Plugin gmap3 zu versetzen.gmap3 offsetting map center

Dies ist mein Code:

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

Dank

Antwort

0

ich die Lösung selbst gefunden habe. zu erwähnen vergessen i gmap3 v7.2 wurde mit, musste ich zurück wechseln v6 den Code ein wenig zu ändern, ist hier die Arbeitslösung:

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); 
Verwandte Themen