MapaCSS

Dział dotyczący opisu sprawdzonych rozwiązań. Znajdziesz tutaj m. in. tutoriale Wordpress.
no avatar
kolo1232
 
Posty: 5
Reputacja: 0 pkt
Od: 20 sie 2016, o 09:27

MapaCSS

przez kolo1232 » 12 kwi 2018, o 12:14

Witam. Jestem tu nowym użytkownikiem.
Obecnie próbuję na stronie zamieścić interaktywną mapę CSS wg generatora na stronie: https://cssmapsplugin.com/5/demo/#poland
Robią wszystko tak jak jest tam to opisane niestety mapa nie chce się wyświetlić.
Po kolei:
wgrywam folder "cssmap-poland" do katalogu głównego na serwerze;
dodaję:

<!-- CSSMap STYLESHEET - EUROPE -->
<link rel="stylesheet" type="text/css" href="cssmap-europe/cssmap-europe.css" media="screen" />
do szablonu strony (wklejam, to w pliku "header.php")

oraz to:

<!-- jQuery -->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

<!-- CSSMap SCRIPT -->
<script type="text/javascript" src="https://cssmapsplugin.com/5/jquery.cssmap.min.js"></script>
następnie swywołuję skrypt:

<script type="text/javascript">
$(document).ready(function(){

// CSSMap;
$("#map-europe").CSSMap({
"size": 1450
});
// END OF THE CSSMap;

});
</script>
w treści mojej podstrony, na której ma się wyświetlać mapka ale niestety się nie wyświetla.


Proszę o pomoc.
Serdeczne dzięki za porady.

no avatar
bercik156
Świeżak
 
Posty: 172
Reputacja: 18 pkt
Od: 2 kwi 2017, o 06:59
Lokalizacja: Wa-Wa

Re: MapaCSS

przez bercik156 » 13 kwi 2018, o 04:19

$("#map-europe").CSSMap({
...
});

Z tego co widzę to odnosi się to do elementu np div o id map-europe.
Skrypt ten dodajesz zaraz za znacznikiem body.

A w miejscu w którym chcesz wyświetlić mapkę musisz dodać np.
<div id="map-europe"></div>
Pomogłem? Polub / Podziękuj :) Ciebie to nic nie kosztuje a mi sprawi radość :D


Powrót do Baza wiedzy Wordpress

Kto przegląda forum Wordpress

Użytkownicy przeglądający ten dział: Google [Bot] i 0 gości