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)'],
    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/452967/apihelp/img/info.png'
});

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

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

                    

var map = new schwyz.Map({
    div: 'map7',
    zoom: 8,
    backgroundLayers: ['Landeskarte (grau)'],
    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)'],
    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)'],
    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%20(farbig)&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 .