Přiblížit na cokoliv

ReneRubalcava

<\/HEAD>

<\/P>

Pojďme to udělat krátké a výstižné. Kolikrát jste pracovali s ArcGIS API for JavaScript a museli jste přiblížit na prvek. Zdráhali jste se nad některým z podivných chování použití map#centerAndZoom<\/A>? Možná jste si psali nějaké switch\/case nebo if\/else příkazy, abyste přiblížili mapu podle toho, zda přibližujete na bod, polygon nebo polylinii.<\/SPAN><\/SPAN><\/P><\/P>Přečtěte si dokumentaci<\/STRONG><\/SPAN><\/P>Než se podíváme na to, jak snadno přiblížit na prvky, pojďme se podívat, proč vás metoda centerAndZoom mapy nemá ráda.<\/SPAN><\/P>Signatura metody centerAndZoom je centerAndZoom(mapPoint, levelOrFactor). Co znamená levelOrFactor? Podívejme se na definici.<\/SPAN><\/P><\/P>"<\/STRONG>Při použití <\/SPAN>ArcGISTiledMapServiceLayer<\/STRONG><\/SPAN> je mapa přiblížena na specifikovanou úroveň. Při použití <\/SPAN>DynamicMapServiceLayer<\/STRONG><\/SPAN> je mapa přiblížena nebo oddálena o specifikovaný faktor. Například použijte 0.5 pro přiblížení dvakrát více a 2.0 pro oddálení dvakrát více."<\/STRONG><\/SPAN><\/EM><\/SPAN><\/P><\/P>To je mnohem lepší. Ne? Stále zmatení? Dobře, v podstatě pokud používáte <\/SPAN>ArcGISTiledMapServiceLayer <\/SPAN>můžete přiblížit mapu na konkrétní úroveň detailu. Představte si posuvník přiblížení na mapě. Nicméně pokud používáte <\/SPAN>DynamicMapServiceLayer <\/SPAN>pak to začne být komplikované. Nyní můžete přiblížit dvakrát tolik nebo oddálit dvakrát tolik, ale musíte specifikovat faktor v desetinném tvaru, takže si to představte jako procenta. Hádat se dá, že chcete přiblížit dvakrát tolik, takže 0.5 se zdá být bezpečná volba, ale kdybyste zadali 0.25, znamenalo by to co? Přiblížení čtyřikrát více.<\/SPAN><\/P><\/P>Udělějte práci<\/STRONG><\/SPAN><\/P>Dobře, s tímto na paměti už víte, co dělat. Sestavil jsem tento malý modul před nějakou dobou, když mě unavovalo psát stále to samé a kontrolovat typy geometrie a různé scénáře. Vsadím se, že to zvládne 90 % situací, na které narazíte (nemám žádná tvrdá čísla na podporu tohoto tvrzení, ale věřte mi<\/EM>).<\/SPAN><\/P>define([
  'dojox\/lang\/functional\/curry'
], function(curry) {
    // funkce zoom
    var zoom = curry(function(map, geometry) {
      if (geometry.type === 'point') {
        // získat maximální zoom
        var mz = map.getMaxZoom();
        if (mz >-1) {
          // přiblížit o dvě úrovně méně než max
          map.centerAndZoom(geometry, mz - 2);
      } else {
        // jinak přiblížit čtvrtinově
        map.centerAndZoom(geometry, 0.25);
     }
   } else {
    // nastavit rozsah geometrie
   map.setExtent(geometry.getExtent());
  }
});
return zoom;
});<\/PRE><\/P>Zde je živá ukázka<\ /A>.<\ /SPAN>

< P dir = "ltr" > < SPAN style = "color:#000000;font-family:'Arial';font-size :15px;font-style:none;font-weight:none" > Takže v podstatě kontrolujete, jestli je geometrie bod. Pokud ano, získáte maximální úroveň přiblížení mapy. V tomto okamžiku máte dvě možnosti:<\ /SP an > < OL > < LI > < SPAN style = "color:#000000;font-style:none;font-size :15px;font-family:'Arial';font-weight:none" > Pokud je větší než -1, přibližte na tuto úroveň a odečtěte 2, abyste nebyli příliš blízko. Nebo ne, záleží na vás.<\ /SP an > < /LI > < LI > < SPAN style = "color:#000000;font-style:none;font-size :15px;font-family:'Arial';font-weight:none" > Přibližte s faktorem 0.25, což znamená přiblížení čtyřikrát více než aktuální úroveň.<\ /SP an > < /LI > < /OL > < P > < SPAN style = "color:#000000;font-family:'Arial';font-size :15px;font-style:none;font-weight:none" > Pokud geometrie není bod, je to jednoduché, polygony, polyliny a multipointy mohou vracet rozsah,<\ /A> takže můžete nastavit aktuální rozsah mapy na rozsah geometrie.<\ /SP an > < / P >< P >< SPAN style = "color:#000000;font-size :12pt;font-style:none;font-family:'Arial'" >< STRONG > Zvyšte laťku<\ /STR ONG ><\ /SP an ><\ / P >< P >< SPAN style = "color:#000000;font-family:'Arial';font-size :15px;font-style:none;font-weight:none" > Toto funguje docela dobře, ale řekněme, že chcete flexibilnější řešení. Výše uvedená verze funguje dobře při předání geometrie, ale co grafika nebo pole grafik? To jsou všechny platné objekty, na které možná budete chtít přiblížit. Takže pro to sestavme modul, který zvládne téměř cokoli.<\ /SP an ><\ PRE class= "lia-code-sample line-numbers language-none" >& nbsp ; define([
& nbsp ; & nbsp ; & nbsp ; 'dojox/lang/functional/curry',
& nbsp ; & nbsp ; & nbsp ; 'esri/graphic',
& nbsp ; & nbsp ; & nbsp ; 'esri/graphicsUtils'
& nbsp ; ], function(curry , Graphic , gUtils ) {
& nbsp ; & nbsp ; & nbsp ; var zoomToPoint = function(m , geometry ) {
& nbsp ; & nbsp ; & nbsp ; & nbsp ; var mz = m.getMaxZoom();
& nbsp ; & nbsp ; & nbsp ; & nbsp ; if (mz & gt ;-1) {
& nbsp ; & nbsp ; & nbsp ; & nbsp ; & nbsp ; return m.centerAndZoom(geometry , mz - 2);
& nbsp ; & nbsp ; & nbsp ; & nbsp ; } else {
& nbsp ; & nbsp ; & nbsp ; & nbsp ; & nbsp ; return m.centerAndZoom(geometry , 0.25);
& nbsp ; & nbsp ; & nbsp ; & nbsp ; }
& nbsp ; & nbsp ; & nbsp ; };
& nbsp ; & nbsp ; var zoomToGeom = function(m , geometry ) {
& nbsp ; & nbsp ; & nbsp ; if (geometry.type === 'point') {
& nbsp ; & nbsp ; & nbsp ; & nbsp ; return zoomToPoint(m , geometry );
& nbsp ; & nbsp ; & nbsp ; } else {
& nbsp ; & nbsp ; & nbsp ; & nbsp ; return m.setExtent(geometry.getExtent());
& nbsp ; & nbsp ; & nbsp ; }
& nb sp;;
& nb sp;;
& nb sp;;
& nb sp;;
& nb sp;;
& nb sp;;
& nb sp;;
& nb sp;;
& nb sp;;
& nb sp;;
& nb sp;;
& nb sp;;
& nb sp;;
& nb sp;;
& nb sp;;
& nb sp;;
& nb sp;;
& nb sp;;
& nb sp;;
'text truncated due to length' noopener noreferrer" target="_blank">demo tohoto modulu <\/A> v akci.<\/SPAN><\/P>

<\/P>

Bam hotovo!<\/STRONG><\/SPAN><\/P>Woah woah<\/EM>. Co je to za

curry<\/A> nesmysl? Dobře, tak jsem tohle tajně přidal. Použití curry vám v podstatě umožňuje částečně vyhodnocovat funkce. Což znamená, že předáte mapu funkci dříve, než musíte předat geometrii. Tady je vysvětlení curry v JavaScriptu<\/A>.<\/SPAN><\/P>

Není to tvrdý požadavek, ale trochu to okoření věci.<\/SPAN><\/P><\/P>Hrajte si s tím, upravujte to, zneužívejte to a programujte.<\/SPAN><\/P><\/BODY><\/HTML>