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

Začínáme s ArcGIS JavaScript - Tlačítko Domů

Egge-Jan_Pollé

<\/HEAD>

<\/A><\/P>

https:\/\/community.esri.com\/people\/EPolle_TensingInternational\/blog\/2019\/06\/02\/aan-de-slag-met-arcgis-javascript-inleiding<\/A><\/P>

<\/P>

Home Widget<\/H2><\/P>Na interaktivní mapě mohou uživatelé přibližovat a oddalovat a posouvat se tam a zpět. Aby uživatelům byla následně nabídnuta možnost vrátit se zpět na výchozí pozici, tzv. standardní zobrazení mapy, můžete do své aplikace přidat thuisknop<\/STRONG>.<\/P>Níže ukazujeme, jak rychle a jednoduše přidat takový Home<\/A> widget. Klikněte zde pro zobrazení webové mapy s funkčním thuisknop.<\/A><\/P>
<\/P>
Poznámka: jak vidíte, v této webové aplikaci jsou také některé widgety, které jsme přidali v předchozích cvičeních, jako například
https:\/\/community.esri.com\/people\/EPolle_TensingInternational\/blog\/2019\/06\/05\/aan-de-slag-met-arcgis-javascript-kaart-draaien<\/A> a https:\/\/community.esri.com\/people\/EPolle_TensingInternational\/blog\/2019\/05\/22\/aan-de-slag-met-arcgis-javascript-widgets-inklappen<\/A>, pomocí kterých lze vyhledávací lištu a galerii základních map sbalit a rozbalit. <\/P>
<!DOCTYPE html><\/><<\/>html<\/>><\/><\/><<\/>head<\/>><\/><\/><<\/>meta<\/> charset<\/>=<\/>"<\/>utf-8"<\/><\/>><\/><\/><<\/>meta<\/> name<\/>=<\/>"<\/>viewport"<\/>content<\/>=<\/>"<\/>initial-scale=<\/>1, maximum-scale=<\/>1, user-scalable=<\/>no"<\/>><\/> Pozadí mapa<\/a> od <a target='_top' href='https:\/\/www.pdok.nl\/'>PDOK<\/a>"<\/SPAN>,<\/SPAN>
activeLayer:<\/SPAN> {<\/SPAN>
id:<\/SPAN> "brtachtergrondkaart"<\/SPAN>
}<\/SPAN>
}<\/SPAN>)<\/SPAN>
]<\/SPAN>,<\/SPAN>
title:<\/SPAN> "BRT Pozadí mapa (PDOK)"<\/SPAN>,<\/SPAN>
id:<\/SPAN> "brtachtergrondkaart_pdok"<\/SPAN>,<\/SPAN>
thumbnailUrl:<\/SPAN> "images\/map.jpg"<\/SPAN>
}<\/SPAN>)<\/SPAN>;<\/SPAN>

\/\/ Základní mapy Esr Nederland<\/SPAN>
var<\/SPAN> lightGrayCanvas_RD_EsriNL =<\/SPAN> new<\/span> Basemap({portalItem:{id:"9ff6521e85d24df1aa9cd4aebfef748b"}}); //Světlě šedé plátno RD
var darkGrayCanvas_RD_EsriNL = new Basemap({portalItem:{id:"62a3befb579e4d9f9c5c51576c8a7c25"}}); //Tmavě šedé plátno RD
var topo_RD_EsriNL = new Basemap({portalItem:{id:"7aea6fa913a94176a1074edb40690318"}}); //Topo RD
var open_Topo_RD_EsriNL = new Basemap({portalItem:{id:"0698b71eb7cf47898086d072e574ac32"}}); //Open Topo RD
var stratenkaart_RD_EsriNL = new Basemap({portalItem:{id:"9fe1a753955f418fa1cbaf1c47610a47"}}); //Stratenkaart RD
var luchtfoto_RD_EsriNL = new Basemap({portalItem:{id:"38e1a1c6ee2c421290622400d22ecf57"}}); //Luchtfoto RD

var dutchBasemaps = new LocalBasemapsSource({
basemaps: [brtachtergrondkaart, topo_RD_EsriNL, open_Topo_RD_EsriNL, stratenkaart_RD_EsriNL, luchtfoto_RD_EsriNL, lightGrayCanvas_RD_EsriNL, darkGrayCanvas_RD_EsriNL]
});

var map = new Map({
basemap: topo_RD_EsriNL
});

var view = new MapView({
spatialReference: 28992,
container: "viewDiv",
map: map,
center: new Point({x: 155000, y: 463000, spatialReference: 28992}),
zoom: 3
});

var homeWidget = new Home({
view: view
});

view.ui.add(homeWidget, "top-left");

var compass = new Compass({
view: view
});

view.ui.add(compass, "top-left");

var basemapGallery = new BasemapGallery class="punctuation token">(<\/SPAN>{<\/SPAN>\n container:<\/SPAN> document.<\/SPAN>createElement<\/SPAN>(<\/SPAN>"div"<\/SPAN>)<\/SPAN>,<\/SPAN>\n view:<\/SPAN> view,<\/SPAN>\n\t\tsource:<\/SPAN> dutchBasemaps \n }<\/SPAN>)<\/SPAN>;<\/SPAN>\n\n basemapGalleryExpand =<\/SPAN> new<\/SPAN> Expand<\/SPAN>(<\/SPAN>{<\/SPAN>\n expandIconClass:<\/SPAN> "esri-icon-basemap"<\/SPAN>,<\/SPAN> \/\/ viz https:\/\/developers.arcgis.com\/javascript\/latest\/guide\/esri-icon-font\/<\/SPAN>\n expandTooltip:<\/SPAN> basemapGallery.<\/SPAN>label,<\/SPAN>\n view:<\/SPAN> view,<\/SPAN>\n content:<\/SPAN> basemapGallery.<\/SPAN>domNode,<\/SPAN>\n group:<\/SPAN> "top-right"<\/SPAN>\n }<\/SPAN>)<\/SPAN>;<\/SPAN>\n\n var<\/SPAN> searchWidget =<\/SPAN> new<\/SPAN> Search<\/SPAN>(<\/Span>{\n container: document.createElement("div"),\n view: view,\n includeDefaultSources: false\n });\n\n searchWidget.sources = [{\n locator: new Locator({ url:

Najděte více příspěvků označených jako

Komentáře

There are no comments yet

Připojte se k diskusi

Přihlášení členové mohou přispívat, sledovat aktualizace a další. Nový zde? Zaregistrujte si bezplatný účet.

Rychlé odkazy

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