2017-05-15 4 views
0

Ich versuche mit d3.js zu arbeiten, um eine Karte mit datamaps.github.io zu erstellen und die Karte wird nicht angezeigt. Ich füge den Code, weil ich etwas Hilfe benötigen, diese Herausforderung zu lösen ... Ich habe gefolgt tatsächlich diese Lösung auf Stackoverflow Datamaps are showing small size map of India und ich bin nach wie vor nicht in der Lage es ...Datamaps, die nicht in meinem Browser angezeigt werden

<html> 
<head> 
    <title></title> 
    <script src="d3.min.js"></script> 
    <script src="topojson.min.js"></script> 
    <script src="datamaps.world.min.js"></script> 
    <script src="jquery-2.1.4.min.js"></script> 

    <script> 
     var map = new Datamap({ 
      element: document.getElementById('container'), 
      scope: 'world' 
     }); 
    </script> 
</head> 
<body> 
    <div id="container" style="position: relative; width: 500px; height: 300px;"></div> 
</body> 

+0

@GerardoFurtado - Sie haben den Code geändert, um eine Onload-Ereignishandlerfunktion hinzuzufügen, wenn Sie sie in JS Fiddle kopiert haben. – Quentin

+0

@Quentin Natürlich ist das Skript in der ... wo ist ** mein ** Kopf? –

+0

@Quentin können Sie den Link teilen, wo diese Frage gestellt wurde, da Sie dies als ein Duplikat gekennzeichnet – odins

Antwort

-1

Sie zu lösen Wahrscheinlich müssen die Skripte richtig eingefügt werden. sind sie lokal?

Hier ist ein funktionierendes jsfiddle die Bibliotheken von einem entfernten Server verweisen:

https://jsfiddle.net/khphaLow/

<script src="//cdnjs.cloudflare.com/ajax/libs/d3/3.5.3/d3.min.js"></script> 
<script src="//cdnjs.cloudflare.com/ajax/libs/topojson/1.6.9/topojson.min.js"></script> 
<script src="//datamaps.github.io/scripts/datamaps.world.min.js?v=1"></script> 

Hoffnung, das hilft.

+0

Sie haben den Code geändert, um eine Onload-Event-Handler-Funktion hinzuzufügen, wenn Sie sie in JS Fiddle kopiert haben. – Quentin

+0

@mila_frerichs ja die Skripte sind lokal – odins

+0

@Quentin nicht absichtlich, aber es ändert sich nicht die Antwort. –

Verwandte Themen