Esri Nederland<\/A> <\/LI><\/UL><\/P>
Ik ben niet ontevreden over deze eerste kaart. Wat vind jij? Verbeteringssuggesties zijn altijd welkom.<\/P>
<\/P>
Egge-Jan<\/P>
<\/P>
<!DOCTYPE html><\/SPAN>\n<<\/SPAN>html<\/SPAN>><\/SPAN><\/SPAN>\n <<\/SPAN>head<\/SPAN>><\/SPAN><\/SPAN>\n <<\/SPAN>meta<\/SPAN> charset<\/SPAN>=<\/SPAN>"<\/SPAN>utf-8"<\/SPAN><\/SPAN>><\/SPAN><\/SPAN>\n <<\/SPAN>meta<\/SPAN> name<\/SPAN>=<\/SPAN>"<\/SPAN>viewport"<\/SPAN><\/SPAN> content<\/SPAN>=<\/SPAN>"<\/Span>initial-scale=<\/<Span>1, maximum-scale=<\/<Span>1, user-scalable=<\/<Span>no"<\/<Span>
<link rel=\"stylesheet\" href=\"https://js.arcgis.com/4.11/esri/themes/light/main.css\">
<script src=\"https://js.arcgis.com/4.11/\"></script>
ArcGIS API for JavaScript 4.11 Tutorial - Welcome to the Netherlands
html, body, #viewDiv {
padding: 0;
margin: 0;
height: 100%;
width: 100%;
}
#titleDiv {
font-weight: 400;
font-style: normaal;
font-size: 2.4rem;
padding: 10px;
}
require([
"esri/Map",
"esri/views/MapView",
"esri/geometry/Point",
"esri/widgets/Home",
"esri/widgets/Search",
"esri/tasks/Locator",
"esri/widgets/BasemapGallery",
"esri/widgets/BasemapGallery/support/LocalBasemapsSource",
"esri/widgets/Expand",
"esri/widgets/Zoom",
"esri/Basemap"
], function(Map, MapView, Point, Home, Search, Locator, BasemapGallery, LocalBasemapsSource, Expand, Zoom, Basemap) {
var titleDiv = document.getElementById("titleDiv");
var lightGrayCanvas_RD_EsriNL = new Basemap({
portalItem:{id:"9ff6521e85d24df1aa9cd4aebfef748b"} // Lichtgrijze Canvas RD gehost door Esri Nederland
});
class="keyword token">var darkGrayCanvas_RD_EsriNL = new Basemap({
portalItem: {id: "62a3befb579e4d9f9c5c51576c8a7c25"} //Donkergrijze Canvas RD gehost door Esri Nederland
});
var topo_RD_EsriNL = new Basemap({
portalItem: {id: "7aea6fa913a94176a1074edb40690318"} //Topo RD gehost door Esri Nederland
});
var open_Topo_RD_EsriNL = new Basemap({
portalItem: {id: "0698b71eb7cf47898086d072e574ac32"} //Open Topo RD gehost door Esri Nederland
});
var luchtfoto_RD_EsriNL = new Basemap({
portalItem: {id: "38e1a1c6ee2c421290622400d22ecf57"} //Luchtfoto RD gehost door Esri Nederland
});
var localBasemaps = new LocalBasemapsSource({
basemaps : [lightGrayCanvas_RD_EsriNL, darkGrayCanvas_RD_EsriNL, topo_RD_EsriNL, open_Topo_RD_EsriNL, luchtfoto_RD_EsriNL]
});
var map = new Map({
basemap: topo_RD_EsriNL
});
var rdOrigin = new Point ( {
x : 155000 ,
y : 463000 ,
spatialReference : 28992
} ) ;
Var View = New MapView ( {
spatialReference : 28992 ,
map : map ,
container : "viewDiv" ,
center : rdOrigin ,
zoom : 3
} ) ;
view.ui.empty("top-left"); //verwijder standaard Zoom-knoppen om eerst de kaarttitel toe te voegen
view.ui.add(titleDiv, "top-left");
var zoomBtns = new Zoom({
view: view
});
view.ui.add(zoomBtns, "top-left"); //voeg Zoom-knoppen weer toe onder de kaarttitel
var homeBtn = new Home({
view: view
});
// Voeg de home-knop toe aan de linkerbovenhoek van de weergave
view.ui.add(homeBtn, "top-left");
var searchWidget = new Search({
container: document.createElement("div"),
sources: [{
locator: new Locator({ url: "https://geocode.arcgis.com/arcgis/rest/services/World/GeocodeServer" }),
singleLineFieldName: "SingleLine", // Hiermee kan worden gezocht op de combinatie van postcode en huisnummer, bijv. 4181 AE 38
countryCode:"NL", //gebruik de standaard GeocodeServer, maar beperk de resultaten tot Nederland alleen<\/SPAN>
placeholder:<\/SPAN> "Adres of plaats zoeken"<\/SPAN>
}<\/SPAN>]<\/SPAN>,<\/SPAN>
view:<\/SPAN> view,<\/SPAN>
includeDefaultSources:<\/SPAN> false<\/SPAN>
}<\/SPAN>)<\/SPAN>;<\/SPAN>
searchWidgetExpand =<\/SPAN> new<\/SPAN> Expand<\/SPAN>(<\/SPAN>{<\/SPAN>
expandIconClass:<\/SPAN> "esri-icon-search"<\/SPAN>,<\/SPAN> \/\/ see https:\/\/developers.arcgis.com\/javascript\/latest\/guide\/esri-icon-font\/<\/SPAN>
expandTooltip:<\/SPAN> "Zoeken"<\/SPAN>,<\/SPAN> \/\/ optioneel, standaard "Expand" voor Engelse locale<\/SPAN>
view:<\/SPAN> view,<\/SPAN>
content:<\/SPAN> searchWidget.<\/SPAN>domNode,<\/SPAN>
group:<\/SPAN> "top-right"<\/SPAN>
}<\/SPAN>)<\/SPAN>;<\/SPAN>
var<\/SPAN> basemapGallery =<\/SPAN> new<\/SPAN> BasemapGallery<\/span>({
container: document.createElement("div"),
view: view,
source: localBasemaps
});
basemapGalleryExpand = new Expand({
expandIconClass: "esri-icon-basemap",
expandTooltip: "Basemaps",
view: view,
content: basemapGallery.< / span>domNode,</ span>
group:</ span> < spanclass = "stringtoken" > "top-right" </ span>
} </ span>< spanclass = " punctuationtoken ">) </ span>< spanclass = " punctuationtoken ">; </ span>
< spanclass = " commenttoken "> // Voeg widgets toe aan de rechterbovenhoek van de view </ span>
view. </ span>ui. </ span>< spantokenfunction = true>add</ span>< spanclass = " punctuationtoken ">( [ searchWidgetExpand , basemapGalleryExpand ] , </ span> < spanclass = " stringtoken "> "top-right" </ span>< spanclass = " punctuationtoken ") ; </ span>
< spanclass = " punctuationtoken ">} </ span>< spanclass = " punctuationtoken ") ; </ span>
< spanclasstoken tag">< spantagpuncutation = true>< / script ></ span></ span></ span>
< spantagpuncutation = true>< / head ></ span>
< spantagpuncutation = true>< body ></ span>
< spantagpuncutation = true>< div id = "viewDiv"></ span>
< spantagpuncutation = true>< div id = "titleDiv" clas s="esri-widget"></ span>
Welkom in Nederland
< spantagpuncutation = true>< / div ></ span>
< spantagpuncutation = true>< / div ></ span>
< spantagpuncutation = true>< / body ></ span>
< spantagpuncutation = true>< / html ></ span>< SP an</ SP >< SP an</ SP >< SP an</ SP >< SP an</ SP >< SP an</ SP >< SP an</ SP >< SP an</ SP >< SP an</ SP >< SP an</ SP >< SP an </ SP >< SP an </ SP >< SP an </ SP >< SP an </ SP >< SP an </ SP >< SP an </ SP >< SP an </ SP >< SP an </ SP >< SP an </ SP >< SP an </ SP >< SP an </ SP >< SP an </ SP >< SP an </ SP >< SP an </ SP >< SP an </ SP >< SP an </ SP >< SP an </ SP >< SP an </ SP >< SP an </ SP >< SP an </ SP >< SP an </ SP >< SP an > >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> >> ></ SPan >< SPan << E M OJ I _78 >>></ SPan >< SPan << E M OJ I _79 >>>></ SPan >< SPan <<
