製作jVectormap不可拖拽

有沒有辦法讓地圖的視口鎖定（不可拖動）？我有我的網頁上的地圖，但我仍然可以把它的滾動向上和向下，當我點擊並拖動鼠標......製作jVectormap不可拖拽

<div class="map-container"> 
    <div id="nz-map" style="width: 600px; height: 400px"></div> 
</div>

，並使用JS創建地圖

/* map parameters */ 
    var wrld = { 
      map: 'nz_mill_en', 
      backgroundColor: '#fff', 
      regionStyle: { 
     initial: { 
     fill: '#012051' 
     }, 
     hover: { 
      "fill-opacity" : 1 
     }}, 
      onMarkerClick: function(events, index) { 
      $(location).attr('href', markers[index].weburl); 
      }, 
      onRegionLabelShow: function(e, el, code){ 
       e.preventDefault(); 
      }, 
      colors:{ 
     "Northern": '#012051', 
       "East Coast": '#012051', 
       "Central": '#012051', 
       "Upper South Island": '#012051', 
       "South Canterbury": '#012051', 
       "Otago": '#012051', 
       "Southland": '#012051' 
      }, 
      series: { 
     regions: 
     [{ 
     attribute: 'fill' 
     }] 
    }, 
      zoomButtons: false, 
      zoomOnScroll: false, 
      focusOn: { 
       x: 0.3, 
       y: 0.7, 
       scale: 3 
      }, 
      markerStyle: { 
       initial: { 
        fill: '#F8E23B', 
        stroke: '#383f47' 
       } 
      }, 
      markers: markers, 
    }; 

    $('#nz-map').vectorMap(wrld);

來源

2016-02-11 Alex Murray

您將panOnDrag參數設置爲false以禁用地圖的平移

var wrld = { 
    map: 'nz_mill_en', 
    backgroundColor: '#fff', 
    panOnDrag: false, // disable panning of the map 
    ... 
}

來源

2016-02-18 15:09:11

完美！歡呼隊友 –

你知道嗎，有沒有辦法阻止它在手機上平移？這適用於桌面而不是手機。 –

還想知道如何禁用拖動手機。 –

製作jVectormap不可拖拽

回答

相關問題