Esri Nederland<\/A> <\/LI><\/UL><\/P>
Não estou muito insatisfeito com este primeiro mapa. O que você acha? Sugestões de melhoria são sempre bem-vindas.<\/P>
<\/P>
Egge-Jan<\/P>
<\/P>
<!DOCTYPE html><\/SPAN>
<<\/SPAN>html<\/SPAN>><\/SPAN><\/SPAN>
<<\/SPAN>head<\/SPAN>><\/SPAN><\/SPAN>
<<\/SPAN>meta<\/SPAN> charset<\/SPAN>=<\/SPAN>"<\/SPAN>utf-8"<\/SPAN><\/SPAN>><\/SPAN><\/SPAN>
<<\/SPAN>meta<\/SPAN> name<\/SPAN>=<\/SPAN>"<\/Span>viewport\"<\/> initial-scale=1, maximum-scale=1, user-scalable=no\" class="keyword token">var darkGrayCanvas_RD_EsriNL = new Basemap({
portalItem: {id: "62a3befb579e4d9f9c5c51576c8a7c25"} //Donkergrijze Canvas RD hospedado por Esri Nederland
});
var topo_RD_EsriNL = new Basemap({
portalItem: {id: "7aea6fa913a94176a1074edb40690318"} //Topo RD hospedado por Esri Nederland
});
var open_Topo_RD_EsriNL = new Basemap({
portalItem: {id: "0698b71eb7cf47898086d072e574ac32"} //Open Topo RD hospedado por Esri Nederland
});
Var </ Span > luchtfoto_RD_EsriNL = </ Span > New </ Span > Basemap </ Span >( { </ Span >
portalItem: </ Span > { </ Span >id: </ Span > "38e1a1c6ee2c421290622400d22ecf57" </ Span >} </ Span > //Luchtfoto RD hospedado por Esri Nederland </ Span >
} ) </ Span >; </ Span >
Var </ Span > localBasemaps = </ Span > New </ Span > LocalBasemapsSource </ Span >( { </ Span >
basemaps : [ </ Span >lightGrayCanvas_RD_EsriNL, </ Span > darkGrayCanvas_RD_EsriNL, </ Span > topo_RD_EsriNL, </ Span > open_Topo_RD_EsriNL, </ Span > luchtfoto_RD_EsriNL] </ Span >
} ) </ Span >; </ Span >
Var </ Span > map =</ Span > New </ Span > Map </ Span >( { </ Span >
basemap: </ Span > topo_RD_EsriNL
} ) </ Span >; </ Span >
Var </ Span > rdOrigin =</ Span > New </ Span > Point </ Span >( { </ Span >
x: </ Span > 155000</ Span >, </ Span >
y: </ Span > 463000</ Span >, </ Span >
spatialReference: </ Span > 28992</ Span >
new MapView({
spatialReference: 28992,
map: map,
container: "viewDiv",
center: rdOrigin,
zoom: 3
});
view.ui.empty("top-left"); //remover botões de Zoom padrão para poder adicionar o título do mapa primeiro
view.ui.add(titleDiv, "top-left");
var zoomBtns=new Zoom({
view: view
});
view.ui.add(zoomBtns, "top-left"); //adicionar botões de Zoom novamente abaixo do título do mapa
var homeBtn=new Home({
view: view
});
// Adicionar o botão home no canto superior esquerdo da visualização
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", // Isso permite pesquisar na combinação de Código Postal e Número da Casa, ex. 4181 AE 38
countryCode:"NL", //usar o GeocodeServer padrão, mas limitar os resultados aos Países Baixos apenas
placeholder: "Buscar endereço ou local"
}],
view: view,
includeDefaultSources: false
});
searchWidgetExpand = new Expand({
expandIconClass: "esri-icon-search", // veja https://developers.arcgis.com/javascript/latest/guide/esri-icon-font/
expandTooltip: "Pesquisar", // opcional, padrão é "Expand" para o idioma inglês
view: view,
content: searchWidget. domNode,
group: "top-right"
});
var basemapGallery = new BasemapGallery({
container: document.createElement("div"),
view: view,
source: localBasemaps
});
basemapGalleryExpand = new Expand({
expandIconClass: "esri-icon-basemap",
expandTooltip: "Mapas base",
view: view,
content: basemapGallery.domNode,
group: "top-right"
});
// Adicionar widgets no canto superior direito da visualização
view.ui.add([searchWidgetExpand, basemapGalleryExpand], "top-right");
});
Bem-vindo à Holanda
<<EMOJI_43}<<EMOJI_44}<<EMOJI_45}<<EMOJI_46}<<EMOJI_47}<<EMOJI_48}<<EMOJI_49}<<EMOJI_50}<<EMOJI_51}<<EMOJI_52}<<EMOJI_53}<<EMOJI_54}<<EMOJI_55}<<EMOJI_56}<<EMOJ...
