4 votos

Obtener displaylevels/zoom level javascript API

¿Hay alguna manera de utilizar JavaScript API para obtener la actual "displayLevels" del mapa base o "nivel de zoom del mapa base" o "escala del mapa base" del mapa y si era más / menos de cierto número que cambiar la capa a otra capa?

function(
        Map,
        FeatureLayer
        ){

map = new Map("map", {
           basemap: "topo",
           center: [-85.416, 49.781],
           zoom : 5,
           logo: false});
if (map zoom level == ***) {

 layer1 = new FeatureLayer(
                "http://testServer/arcgis/rest/services/test/MapServer/0", {
                        mode: FeatureLayer.MODE_ONDEMAND
                        });

        map.addLayer(layer1);
}

else {
layer2 = new FeatureLayer(
                "http://testServer/arcgis/rest/services/test/MapServer/1", {
                        mode: FeatureLayer.MODE_ONDEMAND
                        });

        map.addLayer(layer2);

}

7voto

Michael La Voie Puntos 56

El mapa tiene la propiedad getLevel que puedes utilizar para encontrar el nivel de zoom.

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no"/>
    <title>Simple Map</title>
    <link rel="stylesheet" href="http://js.arcgis.com/3.7/js/esri/css/esri.css">
    <style>
      html, body, #map {
        height: 100%;
        width: 100%;
        margin: 0;
        padding: 0;
      }
      body {
        background-color: #FFF;
        overflow: hidden;
        font-family: "Trebuchet MS";
      }
    </style>
    <script src="http://js.arcgis.com/3.7/"></script>
  <script>
    var map;

    require(["esri/map", "dojo/domReady!"], function(Map) {
        map = new Map("map", {
          basemap: "topo",
          center: [-122.45,37.75], // long, lat
          zoom: 13,
          sliderStyle: "small"
        });

        map.on("extent-change", function(){console.log(map.getLevel());})
      });
    </script>
  </head>

  <body>
    <div id="map"></div>
  </body>
</html>

i-Ciencias.com

I-Ciencias es una comunidad de estudiantes y amantes de la ciencia en la que puedes resolver tus problemas y dudas.
Puedes consultar las preguntas de otros usuarios, hacer tus propias preguntas o resolver las de los demás.

Powered by:

X