Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Empty file added .nojekyll
Empty file.
2 changes: 1 addition & 1 deletion exemples/google/icgc-basemap-google-code.html
Original file line number Diff line number Diff line change
Expand Up @@ -170,7 +170,7 @@
<body>
<div id="map"></div>
<script
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBLaHrio04yJNbt6I2dHAEGnjHsFTWMT4A&callback=initMap&libraries=&v=weekly"
src="https://maps.googleapis.com/maps/api/js?key={APIKEY}&callback=initMap&libraries=&v=weekly"
async></script>
</body>
</html>
Expand Down
8 changes: 3 additions & 5 deletions exemples/keplergl/icgc-basemap-keplergl-map.html
Original file line number Diff line number Diff line change
Expand Up @@ -53,10 +53,8 @@

<!--MapBox token-->
<script>
/**
* Provide your MapBox Token
**/
const MAPBOX_TOKEN = 'pk.eyJ1IjoidWJlcmRhdGEiLCJhIjoiY2p5aHB5bzEzMDI3MjNucWx4dmhvbW5wYyJ9.ZjLMWjog4imdrZhtheCOtA';

// const MAPBOX_TOKEN = '';
const WARNING_MESSAGE = 'Please Provide a Mapbox Token in order to use Kepler.gl. Edit this file and fill out MAPBOX_TOKEN with your access key';
</script>

Expand Down Expand Up @@ -179,7 +177,7 @@
const datasets = [];
const config = {"version":"v1","config":{"visState":{"filters":[],"layers":[],
"interactionConfig":{"tooltip":{"fieldsToShow":{},"compareMode":false,"compareType":"absolute","enabled":true},"brush":{"size":0.5,"enabled":false},"geocoder":{"enabled":false},"coordinate":{"enabled":false}},"layerBlending":"normal","splitMaps":[],"animationConfig":{"currentTime":null,"speed":1}},"mapState":{"bearing":0,"dragRotate":false,"latitude":41.75925664504067,"longitude":0.7991020905454174,"pitch":0,"zoom":7.3388021082079185,"isSplit":false},"mapStyle":{"styleType":"gbhyw3","topLayerGroups":{},"visibleLayerGroups":{"label":true,"road":true,"building":true,"water":true,"land":true},"threeDBuildingColor":[230.92517894351974,227.2005792831404,223.47597962276103],
"mapStyles":{"gbhyw3":{"accessToken":null,"custom":true,"icon":"https://visors.icgc.cat/contextmaps/imatges_estil/icgc_mapa_estandard.png","id":"gbhyw3","label":"ICGC","url":"https://geoserveis.icgc.cat/contextmaps/icgc_mapa_estandard.json"}}}}};
"mapStyles":{"gbhyw3":{"accessToken":null,"custom":true,"icon":"https://visors.icgc.cat/contextmaps/imatges_estil/icgc_mapa_estandard.png","id":"gbhyw3","label":"ICGC","url":"https://geoserveis.icgc.cat/styles/icgc_mapa_estandard.json"}}}}};

const loadedData = keplerGl.KeplerGlSchema.load(
datasets,
Expand Down
8 changes: 7 additions & 1 deletion exemples/leaflet/icgc-raster-leaflet-code.html
Original file line number Diff line number Diff line change
Expand Up @@ -115,6 +115,11 @@
const hibrid = L.tileLayer('https://geoserveis.icgc.cat/servei/catalunya/mapa-base/wmts/orto-hibrida/MON3857NW/{z}/{x}/{y}.png', {
maxZoom: 20
});


const geologic = L.tileLayer('https://geoserveis.icgc.cat/servei/catalunya/mapa-base/wmts/geologic/MON3857NW/{z}/{x}/{y}.png', {
maxZoom: 20
});
const map = L.map('map', {
attributionControl: false,
minZoom: 6,
Expand All @@ -130,7 +135,8 @@
'Estàndard': estandard,
'Orto': orto,
'Orto gris': ortogris,
'Orto híbrida': hibrid
'Orto híbrida': hibrid,
"Geològic":geologic
};
const layerControl = L.control.layers(baseLayers, null, { collapsed: false }).addTo(map);
&#x3C;/script&#x3E;
Expand Down
23 changes: 16 additions & 7 deletions exemples/leaflet/icgc-raster-leaflet-map.html
Original file line number Diff line number Diff line change
@@ -1,13 +1,14 @@
<html lang="ca">

<head>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-GR9JCZYNFH"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'G-GR9JCZYNFH');
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'G-GR9JCZYNFH');
</script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
Expand All @@ -22,12 +23,14 @@
height: 100%;
margin: 0;
}

#map {
width: 100%;
height: 100%;
}
</style>
</head>

<body>
<div id="map"></div>
<script>
Expand Down Expand Up @@ -56,6 +59,10 @@
const hibrid = L.tileLayer('https://geoserveis.icgc.cat/servei/catalunya/mapa-base/wmts/orto-hibrida/MON3857NW/{z}/{x}/{y}.png', {
maxZoom: 20
});

const geologic = L.tileLayer('https://geoserveis.icgc.cat/servei/catalunya/mapa-base/wmts/geologic/MON3857NW/{z}/{x}/{y}.png', {
maxZoom: 20
});
const map = L.map('map', {
attributionControl: false,
attribution: 'Institut Cartogràfic i Geològic de Catalunya CC-BY-SA-3',
Expand All @@ -72,9 +79,11 @@
'Estàndard': estandard,
'Orto': orto,
'Orto gris': ortogris,
'Orto híbrida': hibrid
'Orto híbrida': hibrid,
"Geològic": geologic
};
const layerControl = L.control.layers(baseLayers, null, { collapsed: false }).addTo(map);
</script>
</body>

</html>
35 changes: 22 additions & 13 deletions exemples/mapboxgl/icgc-basemap-mapbox-code.html
Original file line number Diff line number Diff line change
@@ -1,4 +1,5 @@
<html lang="ca">

<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-GR9JCZYNFH"></script>
Expand Down Expand Up @@ -41,24 +42,28 @@
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous">
</script>
</script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/js/bootstrap.min.js"
integrity="sha384-a5N7Y/aK3qNeh15eJKGWxsqtnX/wWdSZSKp+81YjTmS15nvnvxKHuzaWwXHDli+4" crossorigin="anonymous">
</script>
</script>
<script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js"></script>
<style>
body {
margin: 0;
}

.soft {
background-color: #f7f7f7
}

.titol {
padding: 15px
}

.container {
border: 1px solid #f7f7f7
}

li.L0,
li.L1,
li.L2,
Expand All @@ -71,6 +76,7 @@
}
</style>
</head>

<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MGS4TSP" height="0" width="0"
Expand All @@ -83,10 +89,12 @@
<br>
<div>
<p>
<a target ="_blank"
href="https://github.com/OpenICGC/OpenICGC.github.io/blob/master/exemples/mapboxgl/icgc-basemap-mapbox-map.html">Veure codi font
<a target="_blank"
href="https://github.com/OpenICGC/OpenICGC.github.io/blob/master/exemples/mapboxgl/icgc-basemap-mapbox-map.html">Veure
codi font
<i class="fab fa-github"></i></a>
<a href="/exemples/mapboxgl/icgc-basemap-mapbox-map.html">pantalla completa <i class="fas fa-expand"></i></a>
<a href="/exemples/mapboxgl/icgc-basemap-mapbox-map.html">pantalla completa <i
class="fas fa-expand"></i></a>
</p>
</div>
</div>
Expand Down Expand Up @@ -156,12 +164,12 @@
&#x3C;label for='icgc_mapa_estandard'&#x3E;Mapa estàndard&#x3C;/label&#x3E;&#x3C;br&#x3E;
&#x3C;input id='icgc_mapa_base_gris' type='radio' name='rtoggle' value='icgc_mapa_base_gris'&#x3E;
&#x3C;label for='icgc_mapa_base_gris'&#x3E;Mapa base gris&#x3C;/label&#x3E;&#x3C;br&#x3E;
&#x3C;input id='icgc_delimitacio_estandard' type='radio' name='rtoggle' value='icgc_delimitacio_estandard'&#x3E;
&#x3C;label for='icgc_delimitacio_estandard'&#x3E;Delimitació estàndard&#x3C;/label&#x3E;&#x3C;br&#x3E;
&#x3C;input id='icgc_xarxa_viaria_estandard' type='radio' name='rtoggle' value='icgc_xarxa_viaria_estandard'&#x3E;
&#x3C;label for='icgc_xarxa_viaria_estandard'&#x3E;Xarxa viària estàndard&#x3C;/label&#x3E;&#x3C;br&#x3E;
&#x3C;input id='icgc_arees_poblament' type='radio' name='rtoggle' value='icgc_arees_poblament'&#x3E;
&#x3C;label for='icgc_arees_poblament'&#x3E;Àrees poblament&#x3C;/label&#x3E;&#x3C;br&#x3E;
&#x3C;input id='icgc_mapa_estandard_general' type='radio' name='rtoggle' value='icgc_mapa_estandard_general'&#x3E;
&#x3C;label for='icgc_mapa_estandard_general'&#x3E;Topogràfic&#x3C;/label&#x3E;&#x3C;br&#x3E;
&#x3C;input id='icgc_orto_estandard' type='radio' name='rtoggle' value='icgc_orto_estandard'&#x3E;
&#x3C;label for='icgc_orto_estandard'&#x3E;Ortofoto&#x3C;/label&#x3E;&#x3C;br&#x3E;
&#x3C;input id='icgc_orto_estandard_gris' type='radio' name='rtoggle' value='icgc_orto_estandard_gris'&#x3E;
&#x3C;label for='icgc_orto_estandard_gris'&#x3E;Ortofoto gris&#x3C;/label&#x3E;&#x3C;br&#x3E;
&#x3C;input id='icgc_orto_hibrida' type='radio' name='rtoggle' value='icgc_orto_hibrida'&#x3E;
&#x3C;label for='icgc_orto_hibrida'&#x3E;Orto híbrida&#x3C;/label&#x3E;
&#x3C;/div&#x3E;
Expand All @@ -172,7 +180,7 @@
&#x3C;script&#x3E;
const map = new mapboxgl.Map({
container: 'map',
style: 'https://geoserveis.icgc.cat/contextmaps/icgc_mapa_estandard.json',
style: 'https://geoserveis.icgc.cat/styles/icgc_mapa_estandard.json',
center: [1.1464, 41.706],
zoom: 7.4,
maxZoom: 14,
Expand All @@ -197,7 +205,7 @@
const button = document.getElementById('bt_pitch');
function switchLayer(layer) {
const layerId = layer.target.id;
map.setStyle('https://geoserveis.icgc.cat/contextmaps/' + layerId + '.json');
map.setStyle('https://geoserveis.icgc.cat/styles/' + layerId + '.json');
}
function canviaPerspectiva() {
const pitch = parseInt(map.getPitch());
Expand All @@ -217,4 +225,5 @@
</div>
</div>
</body>

</html>
21 changes: 10 additions & 11 deletions exemples/mapboxgl/icgc-basemap-mapbox-map.html
Original file line number Diff line number Diff line change
Expand Up @@ -61,16 +61,16 @@

<body>
<div id='menu'>
<input id='icgc_mapa_estandard' type='radio' name='rtoggle' value='icgc_mapa_estandard' checked='checked'>
<input id='icgc_mapa_estandard' type='radio' name='rtoggle' value='icgc_mapa_estandard_general' checked='checked'>
<label for='icgc_mapa_estandard'>Mapa estàndard</label><br>
<input id='icgc_mapa_base_gris' type='radio' name='rtoggle' value='icgc_mapa_base_gris'>
<label for='icgc_mapa_base_gris'>Mapa base gris</label><br>
<input id='icgc_delimitacio_estandard' type='radio' name='rtoggle' value='icgc_delimitacio_estandard'>
<label for='icgc_delimitacio_estandard'>Delimitació estàndard</label><br>
<input id='icgc_xarxa_viaria_estandard' type='radio' name='rtoggle' value='icgc_xarxa_viaria_estandard'>
<label for='icgc_xarxa_viaria_estandard'>Xarxa viària estàndard</label><br>
<input id='icgc_arees_poblament' type='radio' name='rtoggle' value='icgc_arees_poblament'>
<label for='icgc_arees_poblament'>Àrees poblament</label><br>
<input id='icgc_mapa_estandard_general' type='radio' name='rtoggle' value='icgc_mapa_estandard_general'>
<label for='icgc_mapa_estandard_general'>Topogràfic</label><br>
<input id='icgc_orto_estandard' type='radio' name='rtoggle' value='icgc_orto_estandard'>
<label for='icgc_orto_estandard'>Ortofoto</label><br>
<input id='icgc_orto_estandard_gris' type='radio' name='rtoggle' value='icgc_orto_estandard_gris'>
<label for='icgc_orto_estandard_gris'>Ortofoto gris</label><br>
<input id='icgc_orto_hibrida' type='radio' name='rtoggle' value='icgc_orto_hibrida'>
<label for='icgc_orto_hibrida'>Orto híbrida</label>
</div>
Expand All @@ -79,11 +79,10 @@
</div>
<div id="map"></div>
<script>
mapboxgl.accessToken =
'pk.eyJ1IjoiZ2Vvc3RhcnRlcnMiLCJhIjoiY2w1aHJvZzh5MDEydjNqcDVndGJ3azJicyJ9.MteLRa-TQ6YfSotrVWvtgQ';

const map = new mapboxgl.Map({
container: 'map',
style: 'https://geoserveis.icgc.cat/contextmaps/icgc_mapa_estandard.json',
style: 'https://geoserveis.icgc.cat/styles/icgc_mapa_estandard_general.json',
center: [1.1464, 41.706],
zoom: 7.4,
maxZoom: 18,
Expand All @@ -108,7 +107,7 @@
const button = document.getElementById('bt_pitch');
function switchLayer(layer) {
const layerId = layer.target.id;
map.setStyle('https://geoserveis.icgc.cat/contextmaps/' + layerId + '.json');
map.setStyle('https://geoserveis.icgc.cat/styles/' + layerId + '.json');
}
function canviaPerspectiva() {
const pitch = parseInt(map.getPitch());
Expand Down
2 changes: 1 addition & 1 deletion exemples/mapboxgl/icgc-lidar-map-mapbox.html
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@
const map = new mapboxgl.Map({
container: 'map',
//REPLACE THIS WITH THE MAPBOX STYLE URL OF YOUR CHOICE
style: 'https://geoserveis.icgc.cat/contextmaps/icgc_delimitacio_estandard.json',
style: 'https://geoserveis.icgc.cat/styles/icgc_mapa_estandard_general.json',
center: [0.902638,41.251877],
zoom: 13.40,
bearing: 0,
Expand Down
2 changes: 1 addition & 1 deletion exemples/mapboxgl/icgc-terrain-rgb-mapbox-code.html
Original file line number Diff line number Diff line change
Expand Up @@ -138,7 +138,7 @@
mapboxgl.accessToken ='XXXXXXXXXXXXXXXXXX'; // cap token de Mapbox.com
const map = new mapboxgl.Map({
container: 'map',
style: 'https://geoserveis.icgc.cat/contextmaps/icgc_orto_hibrida.json',
style: 'https://geoserveis.icgc.cat/styles/icgc_orto_hibrida.json',
center: [1.71611, 42.23818],
zoom: 14.03,
attributionControl: false,
Expand Down
5 changes: 2 additions & 3 deletions exemples/mapboxgl/icgc-terrain-rgb-mapbox-map.html
Original file line number Diff line number Diff line change
Expand Up @@ -38,11 +38,10 @@
</div>
<div id="map"></div>
<script>
mapboxgl.accessToken =
'pk.eyJ1IjoiZ2Vvc3RhcnRlcnMiLCJhIjoiY2w1aHJvZzh5MDEydjNqcDVndGJ3azJicyJ9.MteLRa-TQ6YfSotrVWvtgQ';

const map = new mapboxgl.Map({
container: 'map',
style: 'https://geoserveis.icgc.cat/contextmaps/icgc_orto_hibrida.json',
style: 'https://geoserveis.icgc.cat/styles/icgc_orto_hibrida.json',
center: [1.71611, 42.23818],
zoom: 14.03,
attributionControl: false,
Expand Down
Empty file added exemples/mapicgc
Empty file.
16 changes: 8 additions & 8 deletions exemples/mapicgcgljs/icgc-basemap-mapicgc-code.html
Original file line number Diff line number Diff line change
Expand Up @@ -144,12 +144,12 @@
&#x3C;label for='icgc_mapa_estandard'&#x3E;Mapa estàndard&#x3C;/label&#x3E;&#x3C;br /&#x3E;
&#x3C;input id='icgc_mapa_base_gris' type='radio' name='rtoggle' value='icgc_mapa_base_gris' /&#x3E;
&#x3C;label for='icgc_mapa_base_gris'&#x3E;Mapa base gris&#x3C;/label&#x3E;&#x3C;br /&#x3E;
&#x3C;input id='icgc_delimitacio_estandard' type='radio' name='rtoggle' value='icgc_delimitacio_estandard' /&#x3E;
&#x3C;label for='icgc_delimitacio_estandard'&#x3E;Delimitació estàndard&#x3C;/label&#x3E;&#x3C;br /&#x3E;
&#x3C;input id='icgc_xarxa_viaria_estandard' type='radio' name='rtoggle' value='icgc_xarxa_viaria_estandard' /&#x3E;
&#x3C;label for='icgc_xarxa_viaria_estandard'&#x3E;Xarxa viària estàndard&#x3C;/label&#x3E;&#x3C;br /&#x3E;
&#x3C;input id='icgc_arees_poblament' type='radio' name='rtoggle' value='icgc_arees_poblament' /&#x3E;
&#x3C;label for='icgc_arees_poblament'&#x3E;Àrees poblament&#x3C;/label&#x3E;&#x3C;br /&#x3E;
&#x3C;input id='icgc_mapa_estandard_general' type='radio' name='rtoggle' value='icgc_mapa_estandard_general' /&#x3E;
&#x3C;label for='icgc_mapa_estandard_general'&#x3E;Topogràfic&#x3C;/label&#x3E;&#x3C;br /&#x3E;
&#x3C;input id='icgc_orto_estandard' type='radio' name='rtoggle' value='icgc_orto_estandard' /&#x3E;
&#x3C;label for='icgc_orto_estandard'&#x3E;Ortofoto&#x3C;/label&#x3E;&#x3C;br /&#x3E;
&#x3C;input id='icgc_orto_estandard_gris' type='radio' name='rtoggle' value='icgc_orto_estandard_gris' /&#x3E;
&#x3C;label for='icgc_orto_estandard_gris'&#x3E;Ortofoto gris&#x3C;/label&#x3E;&#x3C;br /&#x3E;
&#x3C;input id='icgc_orto_hibrida' type='radio' name='rtoggle' value='icgc_orto_hibrida' /&#x3E;
&#x3C;label for='icgc_orto_hibrida'&#x3E;Orto híbrida&#x3C;/label&#x3E;
&#x3C;/div&#x3E;
Expand All @@ -170,7 +170,7 @@
map.on("load", () => {
map.addFullscreenControl()
map.addNavigationControl()
map.addAttributionControl({ compact: true });

map.addGeolocateControl(
{
positionOptions: {
Expand All @@ -186,7 +186,7 @@

function switchLayer(layer) {
const layerId = layer.target.id;
map.setStyle('https://geoserveis.icgc.cat/contextmaps/' + layerId + '.json');
map.setStyle('https://geoserveis.icgc.cat/styles/' + layerId + '.json');
}

for (let i = 0; i < inputs.length; i++) {
Expand Down
16 changes: 8 additions & 8 deletions exemples/mapicgcgljs/icgc-basemap-mapicgc-map.html
Original file line number Diff line number Diff line change
Expand Up @@ -43,12 +43,12 @@
<label for='icgc_mapa_estandard'>Mapa estàndard</label><br />
<input id='icgc_mapa_base_gris' type='radio' name='rtoggle' value='icgc_mapa_base_gris' />
<label for='icgc_mapa_base_gris'>Mapa base gris</label><br />
<input id='icgc_delimitacio_estandard' type='radio' name='rtoggle' value='icgc_delimitacio_estandard' />
<label for='icgc_delimitacio_estandard'>Delimitació estàndard</label><br />
<input id='icgc_xarxa_viaria_estandard' type='radio' name='rtoggle' value='icgc_xarxa_viaria_estandard' />
<label for='icgc_xarxa_viaria_estandard'>Xarxa viària estàndard</label><br />
<input id='icgc_arees_poblament' type='radio' name='rtoggle' value='icgc_arees_poblament' />
<label for='icgc_arees_poblament'>Àrees poblament</label><br />
<input id='icgc_mapa_estandard_general' type='radio' name='rtoggle' value='icgc_mapa_estandard_general' />
<label for='icgc_mapa_estandard_general'>Topogràfic</label><br />
<input id='icgc_orto_estandard' type='radio' name='rtoggle' value='icgc_orto_estandard' />
<label for='icgc_orto_estandard'>Ortofoto</label><br />
<input id='icgc_orto_estandard_gris' type='radio' name='rtoggle' value='icgc_orto_estandard_gris' />
<label for='icgc_orto_estandard_gris'>Ortofoto gris</label><br />
<input id='icgc_orto_hibrida' type='radio' name='rtoggle' value='icgc_orto_hibrida' />
<label for='icgc_orto_hibrida'>Orto híbrida</label>
</div>
Expand All @@ -70,7 +70,7 @@
map.on("load", () => {
map.addFullscreenControl()
map.addNavigationControl()
map.addAttributionControl({ compact: true });

map.addGeolocateControl(
{
positionOptions: {
Expand All @@ -87,7 +87,7 @@

function switchLayer(layer) {
const layerId = layer.target.id;
map.setStyle('https://geoserveis.icgc.cat/contextmaps/' + layerId + '.json');
map.setStyle('https://geoserveis.icgc.cat/styles/' + layerId + '.json');
}

for (let i = 0; i < inputs.length; i++) {
Expand Down
2 changes: 1 addition & 1 deletion exemples/mapicgcgljs/icgc-basemap3D-mapicgc-code.html
Original file line number Diff line number Diff line change
Expand Up @@ -142,7 +142,7 @@
map.on("load", () => {
map.addFullscreenControl();
map.addNavigationControl()
map.addAttributionControl({ compact: true });

map.addGeolocateControl(
{
positionOptions: {
Expand Down
2 changes: 1 addition & 1 deletion exemples/mapicgcgljs/icgc-basemap3D-mapicgc-map.html
Original file line number Diff line number Diff line change
Expand Up @@ -40,7 +40,7 @@
map.on("load", () => {
map.addFullscreenControl();
map.addNavigationControl();
map.addAttributionControl({ compact: true });

map.addGeolocateControl({
positionOptions: {
enableHighAccuracy: true,
Expand Down
2 changes: 1 addition & 1 deletion exemples/mapicgcgljs/icgc-raster-mapicgc-code.html
Original file line number Diff line number Diff line change
Expand Up @@ -208,7 +208,7 @@
map.on("load", () => {
map.addFullscreenControl()
map.addNavigationControl()
map.addAttributionControl({ compact: true });

map.addGeolocateControl(
{
positionOptions: {
Expand Down
Loading
Loading