nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Capas de Kitten y Custom Tile en AGOL y ArcGIS Pro

RiccardoKlinger2

<\/HEAD>

A veces ves esta excelente capa de mosaicos en un mapa web y quieres usarla en tu proyecto de ArcGIS online o ArcGIS Pro. Esa fue la sensación que tuve al ver este bonito BVG basemap<\/A>. El uso de este tipo de basemap algo retorcido fue un poco complicado ya que la lógica para convertir latitud-longitud a números de mosaicos era un poco enrevesada. En productos como ArcGIS Online\/ ArcGIS Enterprise no hay forma de alterar esta lógica. Así que si quieres usar una capa de mosaicos como esta en AGOL necesitas intervenir en otro lugar.<\/P>

Interrumpir la adquisición de mosaicos<\/H3>Los mosaicos se obtienen de un servidor cada vez que desplazas o haces zoom en el mapa. El enfoque que usé para obtener los mosaicos utiliza un simple proxy php.<\/P>Así que en lugar de recolectar los mosaicos del servidor web mediante una extracción directa, usamos el script php que recibe nuestra solicitud, calcula el número de mosaico algo retorcido para la fila y solicita el mosaico correcto y lo reenvía a tu proyecto AGOL.<\/P>Pero comencemos con un truco simple que sirve como base: marcas de agua con gatitos<\/STRONG>.<\/P>PlaceKitten<\/A> ofrece imágenes de marcador de posición en un formato muy común: http:\/\/placekitten.com\/256\/256?image=5<\/A> donde el primer "256" es el ancho, el segundo la altura y el último la imagen que te gustaría ver (imagen número 5). Las imágenes se sirven como PNGs.<\/P>
Como dije, usaremos un script php para obtener los datos y enviar cada imagen de vuelta a AGOL tal como la recibimos. Esto no tiene sentido desde una perspectiva geográfica. Así que necesitarás un servidor con soporte php. Yo estaba usando una máquina virtual Windows con IIS e instalé
PHP usando el Web Platform Installer<\/A>.<\/P>
Así que necesitamos una forma de obtener imágenes desde la web usando php. Me topé con el método
cURL <\/A>que quizás ya conozcas del mundo de línea de comandos en sistemas basados en Linux.<\/P>
Todo lo que necesitamos hacer es imitar nuestro script para que parezca una computadora real intentando obtener una imagen de este servidor:<\/P>
<?php<\/SPAN>\nheader (<\/SPAN>'Content-Type: image\/png'<\/SPAN>)<\/SPAN>;<\/SPAN> #el contenido se devuelve como una imagen<\/SPAN>\n$url<\/SPAN> =<\/SPAN> 'https:<\/SPAN>\\/\\/placekitten.com\\/256\\/256?image='; #esta es la url base<\/SPAN>\n$ynew<\/SPAN> =<\/SPAN> rand(<\/SPAN>1,<?php<\/SPAN>
header (<\/SPAN>'Content-Type: image\/png'<\/SPAN>)<\/SPAN>;<\/SPAN>
$y<\/SPAN> =<\/SPAN> $_GET<\/SPAN>[<\/SPAN>'y'<\/SPAN>]<\/SPAN>;<\/SPAN> #el parámetro y se almacena como una cadena en la variable y<\/SPAN>
$x<\/SPAN> =<\/SPAN> $_GET<\/SPAN>[<\/SPAN>'x'<\/SPAN>]<\/SPAN>;<\/SPAN> #el parámetro x se almacena...<\/SPAN>
$z<\/SPAN> =<\/SPAN> $_GET<\/SPAN>[<\/SPAN>'z'<\/SPAN>]<\/SPAN>;<\/SPAN> #ya entiendes, ¿verdad?<\/SPAN>
$ynew<\/SPAN> =<\/SPAN>(<\/SPAN> -<\/SPAN>1<\/SPAN>*<\/SPAN>intval<\/SPAN>(<\/Span>)<\/SPAN>;<\/SPAN>
switch<\/SPAN> (<\/SPAN>$tileservice<\/SPAN>)<\/SPAN>{<\/SPAN>
 case<\/SPAN> 'cat'<\/SPAN>:<\/SPAN>
 $url<\/SPAN> =<\/SPAN> 'https:<\/SPAN>\/\/placekitten.com\/256\/256?image=';<\/SPAN>
 $ynew<\/SPAN> =<\/SPAN> rand<\/SPAN>(<\/SPAN>1<\/SPAN>,<\/SPAN>16<\/SPAN>)<\/SPAN>;<\/SPAN>
 $url<\/SPAN> .<\/SPAN>=<\/SPAN> $ynew<\/SPAN>;<\/SPAN>
 #echo $url;<\/SPAN>
 break<\/SPAN>;<\/SPAN>
 case<\/SPAN> 'bvg'<\/SPAN>:<\/SPAN>
 default<\/SPAN>:<\/SPAN>
 $ynew<\/span> =<\/span>(<\/span> -<\/span>1<\/span>*<\/span>intval<\/span>(<\/span>$y<\/span>)<\/span>)<\/span>+<\/span>pow<\/span>(<\/span>2<\/span>,<\/span>intval<\/span>(<\/span>$z<\/span>)<\/span>)<\/span>-<\/span>1<\/span>;<\/span>
 $Url = 'https: //fahrinfo.bvg.de/tiles/base/'.$z.'/' .$x.'/' .$ynew.'.png';
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp ;& lt ; span Class = "Keyword Token" > break ; 
} ; & nbsp ;& nbsp ;& nbsp ;& nbsp ;
$ch = curl_init ( ) ; 
curl_setopt ( $ch , CURLOPT_SSL_VERIFYPEER , false ) ; 
curl_setopt ( $ch , CURLOPT_FRESH_CONNECT , TRUE );
curl_setopt( $ch,CURLOPT_URL class="punctuation token">['y'];
$x = $_GET['x'];
$z = $_GET['z'];
$server = array();
switch ($tileservice){
 case 'cat':
 #$server[] = 'https://placekitten.com/256/256';
 $url = 'https://placekitten.com/256/256?image=';
 $ynew = rand(1,16);
 $url .= $ynew;
 #echo $url;
 break;
 case 'bvg':
 default:
 $ynew =( -1*intval($y))+pow(2, intval($z)) - 1;
$url = 'https\n\n\n\n\n\n\n\n $ch = curl_init();
 curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false);
 curl_setopt($ch, CURLOPT_FRESH_CONNECT, TRUE);
 curl_setopt($ch,CURLOPT_URL, $url);
 curl_setopt($ch,CURLOPT_RETURNTRANSFER,1);
 curl_setopt($ch, CURLOPT_USERAGENT, "Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US) AppleWebKit/525.13 (KHTML, like Gecko) Chrome/0.A.B.C Safari/525.13");
 $data = curl_exec($ch);
}
curl_close($ch);
echo $data;
>‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍(<\/SPAN> -<\/SPAN>1<\/SPAN>*<\/SPAN>intval<\/SPAN>(<\/SPAN>$y<\/SPAN>)<\/SPAN>)<\/SPAN>+<\/SPAN>pow<\/SPAN>(<\/SPAN>2<\/SPAN>,<\/SPAN>intval<\/SPAN>(<\/SPAN>$z<\/SPAN>)<\/SPAN>)<\/SPAN>-<\/SPAN>1<\/SPAN>;<\/SPAN>
 $url<\/SPAN> =<\/SPAN> 'https:<\/SPAN>\/\/fahrinfo.bvg.de\/tiles\/base\/' .$z.'\/' .$x.'\/' .$ynew.'.png';<\/SPAN>
 break<\/SPAN>;<\/SPAN>
}<\/SPAN>;<\/SPAN>
$ch<\/SPAN> =<\/SPAN> curl_init<\/Span>();
curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false);
curl_setopt($ch, CURLOPT_FRESH_CONNECT, TRUE);
curl_setopt($ch,CURLOPT_URL, $url);
curl_setopt($ch,CURLOPT_RETURNTRANSFER,1);
curl_setopt($ch, CURLOPT_USERAGENT, token">)<\/SPAN>;<\/SPAN>
}<\/SPAN>
curl_close<\/SPAN>(<\/SPAN>$ch<\/SPAN>)<\/SPAN>;<\/SPAN>
$im<\/SPAN> =<\/SPAN> imagecreatefromstring<\/SPAN>(<\/SPAN>$data<\/SPAN>)<\/SPAN>;<\/SPAN>
$stamp<\/SPAN> =<\/SPAN> imagecreatetruecolor<\/SPAN>(<\/SPAN>100<\/SPAN>,<\/SPAN> 30<\/SPAN>)<\/SPAN>;<\/SPAN>
imagestring<\/SPAN>(<\/SPAN>$stamp<\/SPAN>,<\/SPAN> 10<\/SPAN>,<\/SPAN> 10<\/SPAN>,<\/SPAN> 5<\/SPAN>,<\/SPAN> 'watermark'<\/SPAN>,<\/SPAN> 0xff0000<\/SPAN>)<\/SPAN>;<\/SPAN>
// establecer bordes y obtener tamaños<\/span>
$marge_right<\/span> =<\/span> 100<\/span>;<\/span>
$marge_bottom<\/span> =<\/span> 100<\/span>;<\/span>
$sx<\/span> =<\/span> imagesx<\/span>(<\/span>$stamp<\/span>)<\/span>;<\/span>
$sy<\/span> =<\/span> imagesy<\/span>(<\/span>$stamp<\/span>)<\/span>;<\/span>
// copiar la marca de agua con una transparencia del 50 en la imagen original<\/span>
imagecopymerge<\/span>(<\/span>$im<\/span>, $stamp<\/span>, imagesx<\/span>($im<\/span>) - $sx<\/span> - $marge_right<\/span>, imagesy<\/span>($im<\/span>) - $sy<\/span> - $marge_bottom<\/span>, 0, 0, imagesx<\/span>($stamp<\/span>), imagesy<\/span>($stamp<\/span>), 50)<\/><\/>;
header\< spanclass=\" punctuationtoken\" > ( \ 'Content-Type: image/png' \ ) ;
imagepng\< spanclass=\" punctuationtoken\" > ( \ $im \ ) ;
imagedestroy\< spanclass=\" punctuationtoken\" > ( \ $im \ ) ;
?>\< \ ‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍ < spanclass=\"line-numbers-rows\">< \ ‍ \ < \ ‍ \ < \ ‍ \ < \ ‍ \ < \ ‍ \ < \ ‍ \ < \ ‍ \ < \ ‍ \ < \ ‍ \ < \ ‍ \ < \ ‍ \ < \ ‍ \ < \ ‍ \ < \ ‍ \ < \ ‍ \ < \ ‍ \ < \ ‍ \ < \ ‍ \ < \ ‍ \ < \ ‍ \ < \ ‍ \ < \ ‍ \ < \ ‍ \ < \ ‍ \ < \ ‍ \ < \ ‍ \ < \ ‍ \ < \ ‍ \ < \ ‍ \ < \ ‍ \ < \ ‍ \ < \ ‍ \ <|...|>
Pero esto creará cierta carga en el servidor... así que quizás quieras reconsiderar esto << EMOJI _70 >>

Observaciones finales

Correr PHP con un script "malo" puede producir una respuesta muy lenta de tu servidor de mosaicos proxy. Así que deberías intentar almacenar en caché los mosaicos en tu servidor. Pero esta es una historia totalmente diferente.

Encuentra más publicaciones etiquetadas con

Knowhow

Technologie

Comentarios

There are no comments yet

Únete a la Conversación

Los miembros registrados pueden publicar, seguir actualizaciones y más. ¿Nuevo aquí? Regístrate gratis.

Enlaces Rápidos

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.