map.fitBounds() की "कृपा मार्जिन"

Question

गूगल के नक्शे API v2 में, हमारे देश के नक्शे को अच्छी तरह से साथ 700x400px नक्शा करने के लिए फिट किया गया था प्रभावित करने के लिए कैसे करें:

map.getBoundsZoomLevel(<bounds of our country>) 

लेकिन में API v3, map.fitBounds() विधि उस ज़ूम स्तर पर 700x400 पर फिट नहीं है - यह एक स्तर को ज़ूम करता है।

इसका मतलब है कि map.fitBounds() कुछ "अनुग्रह मार्जिन" या कुछ के साथ मायने रखता है।

मैं इस मार्जिन के आकार को कैसे प्रभावित कर सकता हूं?

Answer 1

यहां एक समाधान है जो कस्टम मार्जिन के बिना जितना संभव हो सके मानचित्र में ज़ूम करेगा। यदि आप चाहते हैं तो आपको कुछ मार्जिन के लिए इसे अनुकूलित करने में सक्षम होना चाहिए।

मेरा समाधान this comment in a Google Groups thread पर आधारित है। दुर्भाग्यवश, helper.getProjection() पर कॉल हमेशा अपरिभाषित हो गया, इसलिए मैंने उपरोक्त उत्तर को थोड़ा सा अनुकूलित किया और इस कामकाजी कोड के साथ आया।

बस myFitBounds(map, bounds) साथ map.fitBounds(bounds) के लिए अपने मौजूदा कॉल की जगह:

function myFitBounds(myMap, bounds) { 
    myMap.fitBounds(bounds); 

    var overlayHelper = new google.maps.OverlayView(); 
    overlayHelper.draw = function() { 
     if (!this.ready) { 
      var projection = this.getProjection(), 
       zoom = getExtraZoom(projection, bounds, myMap.getBounds()); 
      if (zoom > 0) { 
       myMap.setZoom(myMap.getZoom() + zoom); 
      } 
      this.ready = true; 
      google.maps.event.trigger(this, 'ready'); 
     } 
    }; 
    overlayHelper.setMap(myMap); 
} 

// LatLngBounds b1, b2 -> zoom increment 
function getExtraZoom(projection, expectedBounds, actualBounds) { 
    var expectedSize = getSizeInPixels(projection, expectedBounds), 
     actualSize = getSizeInPixels(projection, actualBounds); 

    if (Math.floor(expectedSize.x) == 0 || Math.floor(expectedSize.y) == 0) { 
     return 0; 
    } 

    var qx = actualSize.x/expectedSize.x; 
    var qy = actualSize.y/expectedSize.y; 
    var min = Math.min(qx, qy); 

    if (min < 1) { 
     return 0; 
    } 

    return Math.floor(Math.log(min)/Math.log(2) /* = log2(min) */); 
} 

// LatLngBounds bnds -> height and width as a Point 
function getSizeInPixels(projection, bounds) { 
    var sw = projection.fromLatLngToContainerPixel(bounds.getSouthWest()); 
    var ne = projection.fromLatLngToContainerPixel(bounds.getNorthEast()); 
    return new google.maps.Point(Math.abs(sw.y - ne.y), Math.abs(sw.x - ne.x)); 
} 

Answer 2

अब, विधि fitBounds एक दूसरा पैरामीटर कि गद्दी के आकार का प्रतिनिधित्व करता है। जो इसे हटाना चाहते हैं, उनके लिए आपको 0

Map.map.fitBounds(bounds, 0); 


New method signature: fitBounds(bounds:LatLngBounds|LatLngBoundsLiteral, padding?:number)