Pro vložení mapy s budovami a místnostmi Masarykovy univerzity na webovou stránku je třeba nahrát knihovnu munimap
a zavolat na stránce metodu munimap.create.
Do hlavičky stránky (mezi značky <head> a </head>) vložte následující kód,
který zajistí nahrání knihovny munimap do Vaší stránky:
<script src="//maps.muni.cz/munimap/1.0/munimaplib.js" type="text/javascript"></script>
Na libovolné místo Vaší webové stránky (mezi značky <body> a </body>) vložte
značku <div> s atributem id nastaveným například na hodnotu map,
na tomto místě se pak zobrazí mapa. Id elementu může být libovolné, stejné id ale musíte předat metodě
munimap.create. Velikost mapy ovlivníte nastavením
CSS stylu pro element <div> (vlastnosti width a height).
<div id="map">
</div>
Na konec stránky (před uzavírací značku </body>) vložte následující kód,
ten ovládá nastavení mapy:
<script type="text/javascript">
munimap.create({
target: 'map'
});
</script>
Výsledný kód jednoduché HTML stránky by mohl vypadat následovně:
<html>
<head>
<title>Jednoduchá mapka</title>
<meta charset="UTF-8" />
<script src="//maps.muni.cz/munimap/1.0/munimaplib.js" type="text/javascript"></script>
<style>
#map { width: 800px; height: 400px; }
</style>
</head>
<body>
<div id="map">
</div>
<script type="text/javascript">
munimap.create({
target: 'map'
});
</script>
</body>
</html>
V příkladu použité parametry funkce munimap.create jsou následující:
target - určuje id elementu, do kterého se mapa vykreslíKompletní dokumentaci naleznete zde.
