4 Stimmen

Probleme mit dem Jvector Map Plugin

Ich hoffe, jemand kann mir weiterhelfen. Ich habe dieses nette jQuery-Plugin gefunden, um Vektorkarten in unserem Intranet anzuzeigen, aber ich bin nicht in der Lage, den HTML-Code zu erstellen, damit es funktioniert.

http://jvectormap.owl-hollow.net/

Ich wäre Ihnen für Ihre Hilfe oder Anleitung dankbar.

Ich danke Ihnen, Tony

3voto

bjornd Punkte 21479

Wahrscheinlich haben Sie vergessen, die Größe des Containers festzulegen, in dem Sie die Karte platzieren möchten. Dies sollte funktionieren:

<!DOCTYPE html>
<html>
<head>
    <title>Test</title>
    <link rel="stylesheet" href="jquery.vector-map.css" type="text/css" media="screen" />
    <script src="jquery-1.6.min.js"></script>
    <script src="jquery.vector-map.js"></script>
    <script src="world-en.js"></script>
    <script>
        $(function(){
            $('#map').vectorMap();
        });
    </script>
</head>
<body>
    <div id="map" style="width: 600px; height: 400px;"></div>
</body>
</html>

Ich werde in der nächsten Version die Parameter Breite und Höhe hinzufügen

1voto

semaver35 Punkte 11

Sie müssen Ihre Karte einstellen, deren Name oben auf map.js steht. Wahrscheinlich haben Sie vergessen

$('#map').vectorMap({map: 'europe_en'});

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

X