<\/A><\/P>https:\/\/community.esri.com\/people\/EPolle_TensingInternational\/blog\/2020\/03\/24\/arcgis-javascript-with-uk-data-table-of-content<\/A> <\/P>
<\/P>
Começamos com um aplicativo inicial bastante simples - apenas um basemap que permite dar zoom in e zoom out. Nada realmente especial, exceto pelo fato de que não estamos usando um dos basemaps padrão da Esri em web mercator.<\/P>
Em vez disso, estamos usando o
A projeção deste mapa é a
No código abaixo você pode ver que referenciamos o mapa web pelo seu id:
Para poder adicionar este mapa à visualização, definimos a spatialReference<\/SPAN> da visualização para 27700<\/SPAN>. E para center<\/SPAN> a visualização criamos um novo ponto nesta mesma projeção:<\/P>center: new Point({x: 500000, y: 500000, spatialReference: 27700})<\/SPAN><\/P><\/P>Siga este link para ver o resultado final deste exercício:<\/P>
E por favor note: acabamos de começar! Mais funcionalidades serão adicionadas em exercícios posteriores.<\/P>
Continua.
<!DOCTYPE html><br \/><html><br \/><head><br \/> <meta charset=\"utf-8\"><br \/> <meta name=\"viewport\" content=\"initial-scale=1, maximum-scale=1, user-scalable=no\"><br \/> <title>ArcGIS JavaScript with UK data - OS Basemap<\title><br \/> <link rel=\"stylesheet\" href=\"https:\/\/js.arcgis.com\/4.15/esri/css/main.css\"><br \/> <script src=\"https:\/\/js.arcgis.com\/4.15\"><\script><br \/> <style><br \/> html, body, #viewDiv {<br \/> padding: 0;<br \/> margin: 0;<br \/> height: 100%;<br \/> width: 100%;<br \/> }<br \/> <\style><br \/> <script> <br \/> 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}) 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"><body><\/span><\/span> <span class="token tag"><span class="token tag"><span class="punctuation token"><div id=\"viewDiv\"><\/span><\/span><span class="token tag"><span class="token tag"><span class="punctuation token"><\/<\/span>div><\/span><\/span> <span class="token tag"><span class="token tag"><span class="punctuation token"><\/<\/span>body><\/span><\/span> <span class="token tag"><span class="token tag"><span class="punctuation token"><\/<\/span>html><\/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.
Membros conectados podem postar, seguir atualizações e mais. Novo aqui? Registre uma conta gratuita.
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.
