Nezobrazují se značky

Diskuse k nové verzi mapového API. Napište nám, co se vám na novém API libí či nelíbí a přispějte svými komentáři a připomínkami k jeho zdokonalení.
mar...@...
Příspěvky: 2
Windows NT 64 bits Google Chrome 59.0.307

Nezobrazují se značky

odesláno v 25 črc 2017 22:34

Dobrý den,

při vložení kódu z nástroje "vložit mapu do stránky" na můj web se mi nezobrazují značky. V náhledu na samotném webu mapy.cz se ta původní zobrazuje a třeba i na jsfiddle.net to funguje. Zkoušel jsem si přečíst API a pohrát si s tím, bohužel stále nic. Tak se chci zeptat, jestli je problém někde u vás, nebo naopak u mě. Děkuji. :-)

web: krejcovstvipodjestedem.cz
Kód: Vybrat vše
    var center = SMap.Coords.fromWGS84(15.068813037820433, 50.75978160387411);
    var mapa = new SMap(JAK.gel("mapa"), center, 16);
    mapa.addDefaultLayer(SMap.DEF_BASE_NEW).enable();
    var layer = new SMap.Layer.Marker();
    mapa.addLayer(layer).enable()
    var mCoord = SMap.Coords.fromWGS84(15.0701756,50.7599886);
    var mOpt = {
        anchor: {left:14, top:49},
        url:SMap.CONFIG.img + "/marker/balloon-3.png"
    }
    var marker = new SMap.Marker(mCoord,"MyMarker", mOpt);
    layer.addMarker(marker);
    var scale = new SMap.Control.Scale();
    mapa.addControl(scale, {left:"8px", bottom:"25px"});
    var msOpt = SMap.MOUSE_ZOOM;
    var mouse = new SMap.Control.Mouse(msOpt);
    mapa.addControl(mouse);
    var keyboard = new SMap.Control.Keyboard(SMap.KB_PAN | SMap.KB_ZOOM);
    mapa.addControl(keyboard);
    var o = {title:"Posun mapy"};
    var c = new SMap.Control.Compass(o);
    mapa.addControl(c, {left:"8px", top:"9px"});
    var selection = new SMap.Control.Selection(2);
    mapa.addControl(selection);
    var zn = new SMap.Control.ZoomNotification();
    mapa.addControl(zn);
    var zoomOpt = {showZoomMenu:false};
    var zoom = new SMap.Control.Zoom(null,{titles:["Přiblížit", "Oddálit"], showZoomMenu:false});
    mapa.addControl(zoom, {right:"2px", top:"10x"});
    var lnt = "Zobrazit na Mapy.cz";
    var lnd = JAK.mel("a", {href:"https://mapy.cz/s/1QDke", target:"_blank", innerHTML:lnt});
    lnd.style.cssText = "position:absolute;left:8px; bottom:54px;"+
            "display:block; padding:4px 8px; background-color:#fff; border:medium none;"+
            "border-radius:3px; box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);"+
            "text-decoration:none; color:#6b7580;";
    mapa.getContainer().appendChild(lnd);


Marek Frick

jak...@...
Seznam vývojář
Příspěvky: 45
Windows NT 64 bits Firefox 55.0

Re: Nezobrazují se značky

odesláno v 27 črc 2017 12:02

Dobrý den,

problém je v tom, že v CSS máte pravidlo říkající img { width: 100%; } a značka je také img. Ovšem její rodič má nulové rozměry a 100% z 0 je 0. Takže buď zkuste ono pravidlo o 100% udělat méně obecné, aby neovlivňovalo všechny obrázky, ale jen ty, které má, nebo zkuste přidat něco jako #mapa img { width: auto; } do CSS. U toho ovšem takhle z hlavy nemohu zaručit, že se neprojeví zase jinde nějakým problémem. Pravděpodobně ne, ale upozornit na to musím.

mar...@...
Příspěvky: 2
Windows NT 64 bits Google Chrome 59.0.307

Re: Nezobrazují se značky

odesláno v 28 črc 2017 18:23

Díky, to mě nenapadlo. Vyřešeno. :-)

Zpět na Mapy API v4.0