Simple API WebGIS Kanton Schwyz

Diese Seite beschreibt wie die Simple API genutzt werden kann. Mit folgenden Beispielen können Sie ganz einfach Elemente des WebGIS in Ihrer Webseite einbinden.

Grundlagen

Um die API nutzen zu können, folgenden Code in Ihre HTML-Seite hinzufügen:

<link href="https://map.geo.sz.ch/api.css" rel="stylesheet">
<script src="https://map.geo.sz.ch/api.js?version=2"></script>
<script>
window.onload = function() {
    // add the code here
};
</script>
            

Um ein Kartenelement in der Karte einzubinden muss ein div Elementmit einer bestimmten id dort hinzugefügt werden, wo die Karte erscheinen soll:

<div id='map1' style='width:700px;height:400px;'></div>

var map = new schwyz.Map({
    div: 'map1', // id of the div element to put the map in
    zoom: 4,
    backgroundLayers: ['Ortsplan farbig'],
    center: [2692200, 1208465]
});
                    

var map = new schwyz.Map({
    div: 'map2', // id of the div element to put the map in
    zoom: 4,
    backgroundLayers: ['Ortsplan grau'],
    center: [2692200, 1208465]
});
                    

var map = new schwyz.Map({
    div: 'map3', // id of the div element to put the map in
    zoom: 4,
    backgroundLayers: ['Landeskarte farbig (aktuell)'],
    center: [2692200, 1208465]
});
                    

var map = new schwyz.Map({
    div: 'map4',
    zoom: 8,
    backgroundLayers: ['Ortsplan farbig'],
    center: [2692200, 1208465]
});
map.addMarker();
                    

var map = new schwyz.Map({
    div: 'map5',
    zoom: 8,
    center: [2692200, 1208465],
    backgroundLayers: ['Ortsplan grau']
});
map.addMarker({
    position: [2692210, 1208475],
    size: [14, 14],
    icon: '../static-ngeo/api/apihelp/img/info.png'
});

map.addMarker({
    position: [2692152, 1208538],
    size: [18, 18],
    icon: '../static-ngeo/api/apihelp/img/essence.png'
});

map.addMarker({
    position: [2692100, 1208501],
    size: [14, 14],
    icon: '../static-ngeo/api/apihelp/img/parking.png'
});
map.addMarker({
    position: [2692081, 1208459],
    size: [14, 14],
    icon: '../static-ngeo/api/apihelp/img/crosshair.png'
});

                    

var map = new schwyz.Map({
    div: 'map7',
    zoom: 8,
    backgroundLayers: ['Landeskarte grau (aktuell)'],
    center: [2692551, 1208353],
    layers: ['ch.sz.a018.amtliche_vermessung.liegenschaften.liegenschaft', 
             'ch.sz.a018.amtliche_vermessung.liegenschaften.selbstrecht']
});
                    

var map = new schwyz.Map({
    div: 'map8',
    zoom: 5,
    center: [2694190, 1209769],
    backgroundLayers: ['Landeskarte farbig (aktuell)'],
    layers: ['ch.sz.a013a.planerischergewaesserschutz.gwszonen.gwszone'],
    addLayerSwitcher: true,
    addMiniMap: true,
    miniMapExpanded: true,
    showCoords: false
});
                    

var map_ = new schwyz.Map({
    div: 'map9',
    backgroundLayers: ['Landeskarte grau (aktuell)'],
    addMiniMap: true,
    zoom: 5,
    center: [2692100, 1208365],
    miniMapExpanded: true,
});
var button1 = document.getElementById('button1');
button1.onclick = function() {
    map_.recenter([2692367, 1208493], 9);
}
var button2 = document.getElementById('button2');
button2.onclick = function() {
    map_.recenter([2690727, 1209080], 9);
}
var button2 = document.getElementById('button3');
button3.onclick = function() {
    map_.recenter([2692100, 1208365], 5);
}
                    

iFrame-Beispiel

Folgendes Beispiel zeigt, wie vordefinierte Layer mittels iFrame in eine Webseite eingebunden werden können.

<iframe width="680" height="680" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"
src="https://map.geo.sz.ch/iframe_api?lang=de&baselayer_ref=Landeskarte%20farbig%20(aktuell)&map_x=2700185&map_y=1228387&map_zoom=3
&tree_enable_ch.sz.a110.freienbach2035.gemeindeliegenschaft=true&tree_enable_ch.sz.a110.freienbach2035.objektinformation=true
&tree_groups=grp_Gemeinde_Freienbach"></iframe>

Kontakt

Haben Sie Fragen zu den oben genannten Beispielen oder interessieren Sie sich für detailliertere Angaben, kontaktieren Sie uns unter .