Klikněte zde a podívejte se, jak funguje otáčení mapy.<\/A><\/P><\/P>
<!DOCTYPE html><\/SPAN>
<<\/SPAN>html><\/SPAN><\/SPAN>
<<\/SPAN>head><\/SPAN><\/SPAN>
<<\/SPAN>meta charset=<\"utf-8\">\/>
<meta name=\"viewport\" content=\"initial-scale=1, maximum-scale=1, user-scalable=no\">
<title>Začínáme s ArcGIS JavaScript - Otáčení mapy</title>
html, body, #viewDiv {
padding: 0;
margin: 0;
height: 100%;
width: 100%;
}
<link rel=\"stylesheet\" href=\"https://js.arcgis.com/4.11/esri/css/main.css\">
<script src=\"https://js.arcgis.com/4.11/\"></script>
<script>
require([
"esri/Map",
"esri/geometry/Point",
"esri/views/MapView",
"esri/layers/WMTSLayer",
"esri/widgets/Search",
"esri/tasks/Locator",
"esri/Basemap",
"esri/widgets/BasemapGallery",
"esri/widgets/BasemapGallery/support/LocalBasemapsSource",
"esri/widgets/Expand",
"esri/widgets/Compass"
], function(Map, Point, MapView, WMTSLayer, Search, Locator, Basemap, BasemapGallery, LocalBasemapsSource, Expand, Compass) {
// BRT pozadí mapa od PDOK jako základní mapa
var brtachtergrondkaart = new Basemap({
baseLayers: [
new WMTSLayer({
url: "https://geodata.nationaalgeoregister.nl/tiles/service/wmts?request=GetCapabilities&service=WMTS",
copyright:
"<a target='_top' href='https://www.pdok.nl/introductie/-/article/basisregistratie-topografie-achtergrondkaarten-brt-a-'>BRT Achtergrondkaart</a> van <a target='_top' href='https://www.pdok.nl/'>PDOK</a>",
activeLayer class="punctuation token">:<\/SPAN> {<\/SPAN>\n id:<\/SPAN> "brtachtergrondkaart"<\/SPAN>\n }<\/SPAN>\n }<\/SPAN>)<\/SPAN>\n ]<\/SPAN>,<\/SPAN>\n title:<\/SPAN> "BRT Achtergrondkaart (PDOK)"<\/SPAN>,<\/SPAN>\n id:<\/SPAN> "brtachtergrondkaart_pdok"<\/SPAN>,<\/SPAN>\n thumbnailUrl:<\/SPAN> "images\/map.jpg"<\/SPAN>\n }<\/SPAN>)<\/SPAN>;<\/SPAN>\n\n \/\/ Základní mapy Esr Nederland<\/SPAN>\n var<\/SPAN> lightGrayCanvas_RD_EsriNL =<\/SPAN> new<\/SPAN> Basemap<\/SPAN>(<\/SPAN>{<\/SPAN>portalItem:<\/SPAN> {<\/SPAN>id:<\/SPAN> "9ff6521e85d24df1aa9cd4aebfef748b"<\/SPAN>}<\/SPAN>}<\/SPAN>)<\/SPAN>;<\/SPAN> \/\/Světlě šedé plátno RD<\/SPAN>\n var<\/SPAN> darkGrayCanvas_RD_EsriNL =<\/SPAN> new<\/Span> 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:</ span > "esri-icon-basemap", // viz https://developers.arcgis.com/javascript/latest/guide/esri-icon-font/
expandTooltip: basemapGallery.label,
view: view,
content: basemapGallery.domNode,
group: "top-right"
});
var searchWidget = new Search({
container: document.createElement("div"),
view: view,
includeDefaultSources: false
});
searchWidget.sources = [
{
locator: new Locator({ url: "https://services.arcgisonline.nl/arcgis/rest/services/Geocoder_BAG_RD/GeocodeServer" }), // GeocodeServer od Esri Nederland
singleLineFieldName: "SingleLine", // Tato možnost umožňuje vyhledávat podle kombinace PSČ/čísla domu, například: 4181 AE 38
placeholder: searchWidget.allPlaceholder // "Find address or place" pro anglickou lokalizaci, "Adres of plaats zoeken" pro nizozemskou lokalizaci
}]
searchWidgetExpand = new Expand({
expandIconClass: "esri-icon-search",
expandTooltip: searchWidget.label,
view: view,
content: searchWidget.domNode,
expanded: true,
group: "top-right"
});
view.ui.add([searchWidgetExpand, basemapGalleryExpand], "top-right");
});
<}</spa...}}
