Cómo establecer la rotación del mapa en ArcGIS API de Javascript?

Question

He creado una web de mapas utilizando ArcGIS API de Javascript, pero necesito mi mapa para tener una rotación fija de 1.76. La calle de la cuadrícula del mapa no está totalmente de alinear con los puntos cardinales, por lo que se ve un poco apagado sin la rotación. He buscado a través de la referencia de la API, pero no ha tenido ninguna suerte hasta ahora. ¿Alguien sabe cómo hacer esto?

Answer 1

Como de v3.2 de la API Javascript de ArcGIS, no hay ningún método interno de rotar el mapa, como la hay en el Flex y Silverlight de la API. Puede realizar algunas transformaciones CSS3 en su mapa. He aquí un ejemplo de la CSS puede utilizar:

#map
{
    -moz-transform:rotate(1.76deg);
    -webkit-transform:rotate(1.76deg);
    -o-transform:rotate(1.76deg);
    -ms-transform:rotate(1.76deg);
}

O a través de JavaScript (usando dojo):

var mapdiv = dojo.byId("map");
dojo.setStyle(mapdiv, "mozTransform", "rotate(1.76deg)");
dojo.setStyle(mapdiv, "webkitTransform", "rotate(1.76deg)");
dojo.setStyle(mapdiv, "oTransform", "rotate(1.76deg)");
dojo.setStyle(mapdiv, "msTransform", "rotate(1.76deg)");

Una palabra de advertencia. Si utiliza un extremo de la rotación, a continuación, intente navegar por el mapa, vas a notar un comportamiento extraño. Por ejemplo, los mapas no pan en la dirección en que se arrastra, pero en la dirección en la que iba a estar arrastrando si el mapa no fue girado.