<\/A><\/P>https:\/\/community.esri.com\/people\/EPolle_TensingInternational\/blog\/2020\/03\/24\/arcgis-javascript-with-uk-data-table-of-content<\/A> <\/P>
<\/P>
Comenzamos con una aplicación inicial bastante simple - solo un mapa base que te permite acercar y alejar. Nada realmente especial, excepto por el hecho de que no estamos usando uno de los mapas base predeterminados de Esri en web mercator.<\/P>
En cambio, estamos usando
La proyección de este mapa es
En el código a continuación puedes ver que referenciamos el mapa web por su id:
Para poder agregar este mapa a la vista, configuramos la spatialReference<\/SPAN> de la vista a 27700<\/SPAN>. Y para center<\/SPAN> la vista creamos un nuevo punto en esta misma proyección:<\/P>center: new Point({x: 500000, y: 500000, spatialReference: 27700})<\/SPAN><\/P><\/P>Sigue este enlace para ver el resultado final de este ejercicio:<\/P>
Y por favor nota: ¡solo acabamos de comenzar! Más funcionalidad se añadirá en ejercicios posteriores.<\/P>
Continuará.<\/P>
<SPAN class="doctype token"><!DOCTYPE html><\/><SPAN class=\"token tag\"><SPAN class=\"token tag\"><SPAN class=\"punctuation token\"><<\/>html<\/><SPAN class=\"punctuation token\">><\/><\/><SPAN class=\"token tag\"><SPAN class=\"token tag\"><SPAN class=\"punctuation token\"><<\/>head<\/><SPAN class=\"punctuation token\">><\/><\/><SPAN class=\"token tag\"> <meta charset=\"utf-8\"><\/><SPAN class=\"token tag\"> <meta name=\"viewport\" content=\"initial-scale=1, maximum-scale=1, user-scalable=no\"><\/><SPAN class=\"token tag\"> <title>ArcGIS JavaScript with UK data - OS Basemap</title><\/><SPAN class=\"token tag\"> <link rel=\"stylesheet\" href=\"https:\/\\/js.arcgis.com\\/4.15\\/esri\\/css\\/main.css\"><\/><SPAN class=\"language-javascript script token\"><SPAN class=\"token tag\"> <script src=\"https:\/\\/js.arcgis.com\\/4.15\\/\"></script><br \/> <span class=javascript>require([<br \/> "esri/Map",<br \/> "esri/geometry/Point",<br \/> "esri/views/MapView"<br \/>] , function(Map, Point, MapView) {<br \/> let map = new Map({<br \/> basemap: {<br \/> portalItem: {<br \/> id: "0bd3a4a6fd674a90a7d0a9e5f36fb59b" // OS Open Carto<br \/> }<br \/> }<br \/> });<br \/> let view = new MapView({<br \/> spatialReference: 27700,<br \/> container: "viewDiv",<br \/> map: map,<br \/> center: new Point({x: 500000, y: 500000, spatialReference: 27700})<br \/> 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><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 >< < EMOJI_19 > > < / 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.
Los miembros registrados pueden publicar, seguir actualizaciones y más. ¿Nuevo aquí? Regístrate gratis.
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.
