PDA

Zobacz pełną wersję : Google maps zaokrąglone narożniki



filon92
13-10-2014, 11:22
Witam,

Mam problem, otóż dodałem sobie do stoki strony mapkę googla używając modułu http://extensions.joomla.org/extensions/maps-a-weather/maps-a-locations/street-maps/1147
Chce jednak by narożniki yświeltanej mapki był zaokrąglone.
Czy ktoś mógł by pomóc mi w tym, podejrzewam, że to nic wielkiego ale jestem początkujący a szukając odpowiedzi w sieci i dokumentacji modułu nie mogłem nic znaleźć.
Z góry dziękuję za pomoc i pozdrawiam :)

mjmartino
13-10-2014, 17:25
Google wyłączyli ??
do css dodać np konkretnie ci nie podam rozwiązania na tacy bo nie używam tego dodatku.

border-radius: 20px;

filon92
14-10-2014, 09:08
No właśnie, ale przejrzałem pliki tego modułu i nie ma tam pliku css...

Pokorny
14-10-2014, 10:20
dla ścisłości to plugin
na stronie z przykładem jest w źródle:

<link rel="stylesheet" href="/plugins/system/plugin_googlemap3/plugin_googlemap3.css.php (http://forum.joomla.pl/view-source:http://tech.reumer.net/plugins/system/plugin_googlemap3/plugin_googlemap3.css.php)" type="text/css" media="screen" />

do twojego pliku css dodaj klase:


.map {
border-radius: 20px;
}

filon92
21-10-2014, 16:22
Nie krzyczcie ale dodałem tą klasę do tego pliku plugin_googlemap3.css.php (http://forum.joomla.pl/view-source:http://tech.reumer.net/plugins/system/plugin_googlemap3/plugin_googlemap3.css.php) i nic :p

Pokorny
21-10-2014, 19:47
na stronie demo działa, być może coś źle zrobiłeś,
podaj adres strony gdzie mapę wstawiasz,

filon92
22-10-2014, 15:17
www.spatest.cba.pl

Pokorny
23-10-2014, 15:16
Tak w ogóle nie obejrzałeś możliwości konfiguracyjnych tego pluginu.
W pluginie w zakładce ustawień masz możliwość edycji:
W menu Joomla: Rozszerzenia/Dodatki/System Google Maps/General settings i poszukaj "CSS for Map" - tu wstaw kod do zaokrąglenia rogów.

Pozdrawiam

filon92
23-10-2014, 16:59
Oto kod "CSS for Map". Dałem tam to co pisaliście i nic


/* For img in the map remove borders, shadow, no margin and no max-width*/
.map img, .svPanel img {
border-radius: 20px;
border: 500px;
box-shadow: none;
margin: 0px !important;
padding: 0px !important;
max-width: none !important;
background: none !important;
}


/* Make sure the directions are below the map
*/
.directions {
clear: left;
}


.adp-directions {
width: 100%;
}


/* Solve problems in chrome with the show of the direction steps in full width
*/
.adp-placemark {
width : 100%;
}


/* Padding for image overlay
*/
.controlDiv {
padding : 20px;
}
.map {
border-radius: 20px;
}

Pokorny
23-10-2014, 19:43
zadaniem
'/plugins/system/plugin_googlemap3/plugin_googlemap3.css.php'

jest wygenerowanie pliku cs
W Twoim przypadku daje wynik:


<!-- ~~~~~~~~~~~~~~~~~~~~~~~ ADACTION_CBA.PL sekcja ROS ~~~~~~~~~~~~~~~~~~~~~~~ -->

<!-- BBelements AdServer one2many Position: go.idmnet.bbelements.com Adaction_cba.pl(1276) / ROS(1) / 750x100(1) -->
<!-- HowTo: Place this code into the html page where the ad should appear. -->
<div id='bmone2n-1276.1.1.1'></div>

<!-- BBelements AdServer one2many code -->
<!-- HowTo: All the ad codes must be above this code! -->
<!-- HowTo: It is good idea to place this code just below the last ad code. -->
<script type='text/javascript' charset='iso-8859-2' src='http://go.idmnet.bbelements.com/bb/bb_one2n.js (http://forum.joomla.pl/view-source:http://go.idmnet.bbelements.com/bb/bb_one2n.js)'></script>
<script type='text/javascript'>/* <![CDATA[ */
var bbkeywords=''; //fill in: 'key1;key2;..'
bmone2n.addPosition('1276.1.1.1','');
bmone2n.getAd('go.idmnet.bbelements.com',bbkeyword s,''+(typeof(bburlparam)=='string'?'&'+bburlparam:''),'iso-8859-2');/* ]]> */</script>
<div id='bmone2t-1276.1.1.1' style='display:none'><script type='text/javascript'>/* <![CDATA[ */ bmone2n.makeAd('1276.1.1.1'); /* ]]> */</script></div>
<script type='text/javascript'>/* <![CDATA[ */ bmone2n.moveAd(); /* ]]> */</script>
<br />
<b>Parse error</b>: syntax error, unexpected '.', expecting T_FUNCTION in <b>/virtual/spatest.cba.pl/plugins/system/plugin_googlemap3/plugin_googlemap3.css.php</b> on line <b>58</b><br />
<!-- cba <!--]-->
<div style="text-align:center;font-size:11px" class="cbalink"><a href="http://www.cba.pl/ (http://forum.joomla.pl/view-source:http://www.cba.pl/)" title="darmowy hosting">Darmowy Hosting</a> CBA.PL<br/><br/></div>
<script type="text/javascript" src="http://a.cba.pl/r1.js (http://forum.joomla.pl/view-source:http://a.cba.pl/r1.js)"></script>
</body><!-->

i zgłasza BŁAD SKŁADNIOWY.
(wyświetl sobie źródło strony)

cba.pl coś swojego dokleja i plik z ccs nie generuje się prawidłowo.

NAJPROŚCIEJ .map {..} możesz dodać do własnych klas w pliku "/templates/as002047free-virtuemart/css/tmpl.custom.css"
lub wyjaśniać z hostingiem (darmowym - myślę że nie jest to hosting docelowy)

U mnie '/plugins/system/plugin_googlemap3/plugin_googlemap3.css.php' generuje się PRAWIDŁOWO.
Ściąg sobie ogólnie polecany JAMP (http://jamp.joomla.pl/), wersja testowa jest darmowa.

Pozdrawiam

filon92
24-10-2014, 14:45
It's work! :)

Dziękuję i pozdrawiam :)