Skip to content

Instantly share code, notes, and snippets.

@Sumbera

Sumbera/README.md

Last active August 29, 2015 13:57
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save Sumbera/9526064 to your computer and use it in GitHub Desktop.
Save Sumbera/9526064 to your computer and use it in GitHub Desktop.
Download ZIP
Mapy API WMS
Raw
README.md

shows Mapy API 4 with WMS service

Raw
index.html
<!DOCTYPE html>
<html style="height: 100%; width: 100%;">
<head>
<title>&#181Katastr </title>
<meta name="description" content="micro Katastr s využitím Mapy API v4 - sampl">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta name="author" content="Stanislav Sumbera - jmeno@prijmeni.com">
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
<script type="text/javascript" src="http://api4.mapy.cz/loader.js"></script>
<script type="text/javascript">Loader.load();</script>
</head>
<body style="width: 100%; height: 100%; margin: 0px; padding: 0px">
<div id="map" style="width:100%; height:100%"></div>
<script type="text/javascript">
var m = new SMap(JAK.gel("map"), SMap.Coords.fromWGS84(14.41790, 50.12655), 15);
m.addDefaultLayer(SMap.DEF_SMART_OPHOTO).enable();
// -- katastr layer
m.addLayer(new SMap.Layer.WMS(null, "http://services.cuzk.cz/wms/wms.asp", {
format: "image/png",
"LAYERS": "DKM_I,RST_KN_I,RST_KMD_I",
"TRANSPARENT": true,
"SRS": "EPSG:32633"
}, { alpha: true })).enable();
// -- marker layer
var markerLayer = new SMap.Layer.Marker();
m.addLayer(markerLayer).enable();
var marker = new SMap.Marker(SMap.Coords.fromWGS84(0, 0), "positionMarker", {});
markerLayer.addMarker(marker);
// -- controls
m.addDefaultControls();
m.addControl(new SMap.Control.Orientation({ mode: "ccw" }), { left: "5px", top: "5px" });
m.addControl(new SMap.Control.Orientation({ mode: "cw" }), { left: "35px", top: "5px" });
// -- handle click
m.getSignals().addListener(window, "map-click", function (signal) {
// -- do not click on birds view images
if (m.getZoom() >= 16 && m.getZoom() < 19) {
var coords = SMap.Coords.fromEvent(signal.data.event, m);
marker.setCoords(coords);
var jtskCoords = coords.toJTSK();
window.open("http://nahlizenidokn.cuzk.cz/MapaIdentifikace.aspx?l=KN&x=" + Math.round(-jtskCoords[1]) + "&y=" + Math.round(-jtskCoords[0]),
"Katastr", "width=750,height=700,status=yes,scrollbars=yes,resizable=yes");
}
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment