Obsah vizitky

by flaiming

HTML

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>api4.mapy.cz - ukázka obsahu vizitky</title>
        <script type="text/javascript" src="http://api4.mapy.cz/loader.js"></script>
        <script type="text/javascript">Loader.load();</script>
    </head>
    <body id="advanced-card">
        <div id="m" style="height:600px; width: 800px;"></div>
    </body>
</html>

JavaScript

var m = new SMap(JAK.gel("m"));
m.addControl(new SMap.Control.Sync());
m.addDefaultLayer(SMap.DEF_BASE).enable();
m.addDefaultControls(); 

var c = new SMap.Card();
c.setSize(200, 200); /* Šířka, výška */

c.getHeader().innerHTML = "<a href='http://www.animal-rescue.cz'>Animal rescue - Odchytová služba a útulek</a>";
c.getFooter().innerHTML = "<img src='http://www.pesweb.cz/img/_/i.000287.foto/tn_first/a.jpg?1406715159'  style='width: 100%;'/><a href='http://www.pesweb.cz/cz/odchytova-sluzba-a-utulek-animal-rescue'>Profil na pesWebu</a><br /><a href='http://www.pesweb.cz/cz/psi-k-adopci?link-utulek=i.000287'>Psi na PesWebu</a>";

c.getBody().style.margin = "5px 0px";
c.getBody().style.backgroundColor = "#ccc";
c.getBody().innerHTML = "test"

var layer = new SMap.Layer.Marker(); /* Vrstva pro značku */
m.addLayer(layer).enable();

var marker = new SMap.Marker(m.getCenter()); /* Značka s vizitkou uprostřed mapy */
marker.decorate(SMap.Marker.Feature.Card, c);
layer.addMarker(marker);