Google नक्शे, न्यूनतम और अधिकतम स्लाइडर नियंत्रण सेट करना

Question

मैं एक Googlemap पर काम कर रहा हूं, जो सभी ठीक काम करता है, इस तथ्य के अलावा कि मैं अधिकतम और न्यूनतम ज़ूम सेट नहीं कर सकता (मैं स्तर को सीमित करना चाहता हूं कुछ स्तरों को डिफ़ॉल्ट ज़ूम दृश्य का कोई भी तरीका)

मैंने map.getMimimumResolution का उपयोग करने का प्रयास किया है, लेकिन यह काम नहीं लगता है - कोई विचार?

function initialize() { 
    var latlng = new google.maps.LatLng("<%=Html.Encode(Model.Field01.Field01) %>", "<%=Html.Encode(Model.Field01.Field03) %>"); 
    var myOptions = { 
    zoom: 13, 
     center: latlng, 
     disableDefaultUI: false, 
     navigationControl: true, 
     navigationControlOptions: {style: google.maps.NavigationControlStyle.ZOOM_PAN}, 
     navigationControl: true, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 

    }; 
    var map = new google.maps.Map(document.getElementById("mapcontainer"), myOptions); 

    map.getMinimumResolution = function() { return 6 }; 

    var marker = new google.maps.Marker({ 
     position: latlng, 
     map: map, 
     title: "<%=Model.AccomName %>" 
     }); 
} 

किसी भी विचार की सराहना की, धन्यवाद

Answer 1

getMinimumResolution एक GMapType विधि, नहीं एक GMap2 विधि है। तो बजाय इस की:

map.getMinimumResolution = function() { return 6 }; 

आप ऐसा कर सकता है:

var mt = map.getMapTypes(); 

for (var i=0; i<mt.length; i++) { 
    mt[i].getMinimumResolution = function() {return 6;} 
} 

Answer 2

ऐसा लगता है कि मैप्स एपीआई संस्करण 3 है, जो न्यूनतम और अधिकतम स्थापित करने के लिए एक तरह से नहीं है उपयोग कर रहे हैं प्रस्तावों। अभी तक कम से कम नहीं।

आप हमेशा ज़ूम परिवर्तनों को सुन सकते हैं और ज़ूम रीसेट कर सकते हैं यदि यह वह जगह नहीं है जहां आप इसे चाहते हैं - लेकिन यह बहुत बदसूरत होगा। :)

Answer 3

ऊपर वर्णित अनुसार, वी 3 में ऐसा करने का एकमात्र तरीका यह है कि यह एक ईवेंट श्रोता के साथ है। यहाँ (एक उदाहरण के रूप अधिकतम ज़ूम स्तर 12 के लिए) कोड है:

google.maps.event.addListener(map, "zoom_changed", function() { 
    if (map.getZoom() > 12) map.setZoom(12); 
}); 

हाँ, बदसूरत और गंदा और गलत, मुझे पता है।

Answer 4

इसे आजमाएं। मेरे लिए ठीक काम करता है

// force normal maps type 
map.setMapType(G_NORMAL_MAP); 

// define minimum and maximum zoom levels 
G_NORMAL_MAP.getMinimumResolution = function() { return 0; } 
G_NORMAL_MAP.getMaximumResolution = function() { return 19; } 

Answer 5

नीचे कोड मेरे लिए आसानी से काम करता है। कोई झिलमिलाहट, glitches, आदि मैप्स एपीआई v3।

var inProcess = false; 

function onZoomChanged() { 
    if (inProcess) return; 

    if (gmap.getZoom() > 16) { 
     inProcess = true; 
     gmap.setZoom(16); 
     inProcess = false; 
     return 
    } 
    else if (gmap.getZoom() < 10) { 
     inProcess = true; 
     gmap.setZoom(10); 
     inProcess = false; 
     return; 
    } 
} 

google.maps.event.addListener(gmap, 'zoom_changed', onZoomChanged); 

Answer 6

वहाँ उचित विन्यास पैरामीटर है :)
सरल उदाहरण:

<script type="text/javascript"> 
var latlng = new google.maps.LatLng(42.3493337, 13.398172299999942); 
var options = { 
    zoom: 8, 
    minZoom: 6, 
    maxZoom: 10, 
    center: latlng, 
    mapTypeId: google.maps.MapTypeId.TERRAIN 
}; 

map = new google.maps.Map(document.getElementById("map_canvas"), options); 
</script> 

यहाँ आप दस्तावेज:
http://code.google.com/apis/maps/documentation/javascript/reference.html#MapOptions

मुबारक कोडिंग!

Answer 7

मैं, एक ही समस्या

n_customMap.getMinimumResolution = function() { return 5 }; 
n_customMap.getMaximumResolution = function() { return 10 }; 

कि मेरे लिए काम किया

आप भी

minZoom: 5, 
maxZoom: 10