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; } } }

Kitten- und benutzerdefinierte Kachelebenen in AGOL und ArcGIS Pro

RiccardoKlinger2

<\/HEAD>

Manchmal sieht man diesen großartigen Tile-Layer in einer Webkarte und möchte ihn in seinem ArcGIS Online-Projekt oder ArcGIS Pro verwenden. So ging es mir, als ich diese schöne kleine BVG basemap<\/A> sah. Die Verwendung dieser etwas verdrehten Basemap war etwas knifflig, da die Logik für Latitude-Longitude zu Kachelnummern etwas verdreht war. In Produkten wie ArcGIS Online\/ ArcGIS Enterprise gibt es keine Möglichkeit, diese Logik zu ändern. Wenn Sie also einen solchen Tile-Layer in AGOL verwenden möchten, müssen Sie an anderer Stelle eingreifen.<\/P>

Unterbrechen der Kachel Erfassung<\/H3>Die Kacheln werden von einem Server abgerufen, jedes Mal wenn Sie die Karte verschieben oder zoomen. Der Ansatz, den ich verwendet habe, um die Kacheln zu erhalten, nutzt einen einfachen PHP-Proxy.<\/P>Statt die Kacheln direkt vom Webserver abzurufen, verwenden wir das PHP-Skript, das unsere Anfrage erhält, die etwas verdrehte Kachelnummer für die Zeile berechnet, die richtige Kachel anfordert und sie an Ihr AGOL-Projekt weiterleitet.<\/P>Aber beginnen wir mit einem einfachen Trick, der als Grundlage dient: kitten watermarks<\/STRONG>.<\/P>PlaceKitten<\/A> liefert Platzhalterbilder in einem sehr gebräuchlichen Format: http:\/\/placekitten.com\/256\/256?image=5<\/A>, wobei die erste "256" die Breite ist, die zweite die Höhe und die letzte das Bild, das Sie sehen möchten (Bildnummer 5). Die Bilder werden als PNGs bereitgestellt.<\/P>
Wie gesagt, wir verwenden ein PHP-Skript, um die Daten abzurufen und jedes Bild so zurück an AGOL zu senden, wie wir es erhalten. Das macht aus geographischer Sicht keinen Sinn. Sie benötigen also einen PHP-fähigen Server. Ich habe eine Windows-VM mit IIS verwendet und
PHP mit dem Web Platform Installer installiert<\/A>.<\/P>
Wir brauchen also eine Möglichkeit, Bilder mit PHP aus dem Web abzurufen. Ich bin auf die
cURL <\/A>Methode gestoßen, die Sie vielleicht schon aus der Kommandozeilenwelt von Linux-basierten Systemen kennen.<\/P>
Alles was wir tun müssen, ist unser Skript so zu gestalten, dass es wie ein echter Computer aussieht, der versucht, ein Bild von diesem Server zu bekommen:<\/P>
<?php<\/SPAN> header (<\/SPAN>'Content-Type: image\/png'<\/SPAN>)<\/SPAN>;<\/SPAN> #content wird als Bild zurückgegeben<\/SPAN> $url<\/SPAN> =<\/SPAN> 'https:<\/SPAN>\\/\\/placekitten.com\\/256\\/256?image='; #das ist die Basis-URL<\/SPAN> $ynew<\/SPAN> =<\/SPAN> rand(<\/SPAN>1,<\/SPAN>16);#wir können eines von 16 Bildern auswählen
token"><?php<\/SPAN>
header (<\/SPAN>'Content-Type: image\/png'<\/SPAN>)<\/SPAN>;<\/SPAN>
$y<\/SPAN> =<\/SPAN> $_GET<\/SPAN>[<\/SPAN>'y'<\/SPAN>]<\/SPAN>;<\/SPAN> #der Parameter y wird als String in der Variable y gespeichert<\/SPAN>
$x<\/SPAN> =<\/SPAN> $_GET<\/SPAN>[<\/SPAN>'x'<\/SPAN>]<\/SPAN>;<\/SPAN> #der Parameter x wird gespeichert...<\/SPAN>
$z<\/SPAN> =<\/SPAN> $_GET<\/SPAN>[<\/SPAN>'z'<\/Span>]<\/span>;<\/span> #du verstehst, oder?<\/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> #berechne die y-Koordinate mit der gefundenen Formel neu.<\/span>
$url<\/span> =<\/span> 'https:<\/span>//fahrinfo.bvg.de/tiles/base/'.$z.'/'.$x.'/'.$ynew.'.png'; #Erstelle die URL<\/span>
$ch<\/span> =<\/span> curl_init<\/span>(<\/span>)<\/span>;<\/span>
curl_setopt<\/span>(<\/span>$ch<\/span>, CURLOPT_SSL_VERIFYPEER<\/span>, false<\/pan>) ;
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;
?>‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍
Die Parameter werden an den PHP-fähigen Server mit folgendem Schema gesendet:<\p>
http://your-server-URL.com/name-of-your-script.php?z={level}&x={col}&y={row}
Mithilfe dieses Skripts erhalten Sie eine schöne BVG-Basiskarte in Ihrem ArcGIS Online Editor Map Viewer:<\p>

Sobald Sie die Webkarte gespeichert haben, können Sie sie sogar in ArcGIS Pro öffnen und für Ihre Zwecke verwenden, indem Sie die Karte aus dem Portal hinzufügen:<\p>

Mehrere Server

Wenn Sie mehrere Server mit demselben Skript verwalten möchten, können Sie einen vierten Parameter hinzufügen, der den Tileserver behandelt und einige Switches hinzufügt:<\p>
<?php header('Content-Type: image/png'); $tileservice = null; # if (isset($_GET['t'])) { $tileservice = $_GET['t']; } if (!$tileservice) { $tileservice = 'bvg'; #wenn kein Tileserver-Parameter übergeben wurde } $y = $_GET['y']; $x = $_GET['x']; $z = $_GET['z']; $server = array(< class="punctuation token">)<\/SPAN>;<\/SPAN> switch ($tileservice){ case 'cat': $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: //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;Break ; } ; & 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 ,$Url ; Curl_Setopt ( $Ch ,CURLOPT_RETURNTRANSFER ,1 ; Curl_Setopt ( $Ch , CURLOPT_USERAGENT , 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://fahrinfo.bvg.de/tiles/base/'.$z.'/'.$x.'/'.$ynew.'.png'; break; } $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); if (curl_getinfo( $ch, CURLINFO_HTTP_CODE ) != 200) { curl_close($ch); $server = array(); $server[] = 'http://a.tiles.wmflabs.org/bw-mapnik/'; $server[] = 'http://b.tiles.wmflabs.org/bw-mapnik/'; $server[] = 'http://c.tiles.wmflabs.org/bw-mapnik/'; $url = $server[array_rand($server)]; $url .= $z."/".$x."/".$y.".png"; #echo $url; $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; ><<EMOJI_0><<EMOJI_1><<EMOJI_2><<EMOJI_3><<EMOJI_4><<EMOJI_5><<EMOJI_6><<EMOJI_7><<EMOJI_8><<EMOJI_9><<EMOJI_10><<EMOJI_11><<EMOJI_12><<EMOJI_13><<EMOJI_14><<EMOJI_15><<EMOJI_16><<EMOJI_17> <<<<<<<<<<< Die Karte zeigt jetzt beide Kacheln:

Wenn Sie eine "lästige Anmerkung" hinzufügen möchten, können Sie auch ein schönes Wasserzeichen auf diesen slippy-Kacheln hinzufügen:

&#60?php

Finde mehr Beiträge mit dem Tag

Knowhow

Technologie

Kommentare

There are no comments yet

Nehmen Sie an der Diskussion teil

Angemeldete Mitglieder können Beiträge verfassen, Updates folgen und mehr. Neu hier? Registrieren Sie ein kostenloses Konto.

Schnellzugriffe

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