<\/A><\/P>https:\/\/community.esri.com\/people\/EPolle_TensingInternational\/blog\/2020\/03\/24\/arcgis-javascript-with-uk-data-table-of-content<\/A> <\/P>
<\/P>
Wir beginnen mit einer ziemlich einfachen Starter-App - nur eine Basiskarte, die es Ihnen erlaubt, rein- und rauszuzoomen. Nichts wirklich Besonderes, außer der Tatsache, dass wir nicht eine der Standard Esri-Basiskarten in Web Mercator verwenden.<\/P>
Stattdessen verwenden wir
Die Projektion dieser Karte ist
Im folgenden Code sehen Sie, dass wir die Webkarte über ihre ID referenzieren:
Um diese Karte zur Ansicht hinzufügen zu können, setzen wir die spatialReference der Ansicht auf 27700. Und um die center der Ansicht zu setzen, erstellen wir einen neuen Punkt in genau dieser Projektion:<\/P>center: new Point({x: 500000, y: 500000, spatialReference: 27700})<\/><\/><\/><\/><\/><\/><\/><\/><\/><\/><\/><\/><\/><\/><\/><\/><\/><\/><\/> Folgen Sie diesem Link, um das Endergebnis dieser Übung zu sehen:
<!DOCTYPE html><\\n><html><\\n><head><\\n> <meta charset=\"utf-8\"><\\n> <meta name=\"viewport\" content=\"initial-scale=1, maximum-scale=1, user-scalable=no\"><\\n> <title>ArcGIS JavaScript mit UK-Daten - OS Basemap</title><\\n> <link rel=\"stylesheet\" href=\"https://js.arcgis.com/4.15/esri/css/main.css\"><\\n> <script src=\"https://js.arcgis.com/4.15/\"></script><\\n> <style><\\n> html, body, #viewDiv {<\\n> padding: 0;<\\n> margin: 0;<\\n> height: 100%;<\\n> width: 100%;<\\n> }<\\n> </style><\\n> <script><\\n> require([<\\n> "esri/Map",<\\n> "esri/geometry/Point",<\\n> "esri/views/MapView"<\\n> ], function(Map, Point, MapView) {<\\n> let map = new Map({<\\n> basemap: {<\\n> portalItem: {<\\n> id: "0bd3a4a6fd674a90a7d0a9e5f36fb59b" // OS Open Carto<\\n> }<\\n> }<\\n> });<\\n> let view = new MapView({<\\n> spatialReference: 27700,<br \/> container: "viewDiv",<br \/> map: map,<br \/> center: new Point({x: 500000, y: 500000, spatialReference: 27700})<br \/> });<br \/> });<br \/> </script><br \/> </body><br \/> </html> token">(<\/SPAN><SPAN class="punctuation token">{<\/SPAN>x<SPAN class="punctuation token">:<\/SPAN> <SPAN class="number token">500000<\/SPAN><SPAN class="punctuation token">,<\/SPAN> y<SPAN class="punctuation token">:<\/SPAN> <SPAN class="number token">500000<\/SPAN><SPAN class="punctuation token">,<\/SPAN> spatialReference<SPAN class="punctuation token">:<\/SPAN> <SPAN class="number token">27700<\/SPAN><SPAN class="punctuation token">}<\/SPAN><SPAN class="punctuation token">)<\/SPAN><SPAN class="punctuation token">,<\/SPAN> zoom<SPAN class="punctuation token">:<\/SPAN> <SPAN class="number token">7<\/SPAN> <SPAN class="punctuation token">}<\/SPAN><SPAN class="punctuation token">)<\/SPAN><SPAN class="punctuation token">;<\/SPAN> <SPAN class="punctuation token">}<\/SPAN><SPAN class="punctuation token">)<\/SPAN><SPAN class="punctuation token">;<\/SPAN> <SPAN class="token tag"><SPAN class="token tag"><SPAN class="punctuation token"><\/<\/span>script<\/span><span class="punctuation token">><\/span><\/span><\/span> <span class="token tag"><span class="token tag"><span class="punctuation token"><\/<\/span>head<\/span><span class="punctuation token">><\/span><\/span> <span class="token tag"><span class="token tag"><span class="punctuation token"><<\/span>body<\/span><span class="punctuation token">><\/span><\/span> <span class="token tag"><span class="token tag"><span class="punctuation token"><<\/span>div<\/span> <span class="attr-name token">id<\/span><span class="attr-value token"><span class="punctuation token">=<\/span><span class="punctuation token">"<\/span>viewDiv<span class="punctuation token">"<\/span><\/span><span class="punctuation token">><\/span><\/span><span class="token tag"><span class="token tag"><span class="punctuation token"><\/<\/span>div<\/span><span class="punctuation token">><\/span><\/span> <span class="token tag"><span class="token tag"><span class="punctuation token"><\/<\/span>body<\/span><span class="punctuation token">><\/span><\/span> <span class="token tag"><span class="token tag"><span class="punctuation token"><\/<\/span>html<\/span><span class="punctuation token">><\/span><span class="line-numbers-rows"><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span></ span >< span >< < EMOJI_20 > > < / span >< span >< < EMOJI_21 > > < / span >< span >< < EMOJI_22 > > < / span >< span >< < EMOJI_23 > > < / span >< span >< < EMOJI_24 > > < / span >< span >< < EMOJI_25 > > < / span >< span >< < EMOJI_26 > > < / span >< span >< < EMOJI_27 > > < / span >< span >< < EMOJI_28 > > < / span >< span >< < EMOJI_29 > > < / span >< span >< < EMOJI_30 > > < / span >< span >< < EMOJI_31 > > < / span >< span >< < EMOJI_32 > > < / span >< span >< < EMOJI_33 > > < / span >< span >< < EMOJI_34 > > < / span >< span >< < EMOJI_35 > > < / span >< span >< < EMOJI_36 > > < / span >< span >< < EMOJI_37 > > < / span >< span >< < EMOJI_38 > > < / span >< span >< < EMOJI_39 > > < / span >< span >< < EMOJI_40 > > < / span >< span >< < EMOJI_41 > > < / span >< span >< < EMOJI_42 > > < / span >< span >< < EMOJI_43 > > < / span >< span >< < EMOJI_44 > > < / span >< span >< < EMOJI_45 >> </Span></Span>
A tutorial showing how to generate OS Grid references for locations in the UK would be really useful with options to generate four figure, six figure and eight figure grid references.
Angemeldete Mitglieder können Beiträge verfassen, Updates folgen und mehr. Neu hier? Registrieren Sie ein kostenloses Konto.
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.
