Leere Bogen in Datenzuordnungen

Question

Beim Versuch, Bögen auf einer Karte von Datenzuordnungen zu ziehen, wie hier gezeigt: https://datamaps.github.io/

ich einen leeren Bogen zu erhalten, mit dem folgenden Code und hier gezeigt: http://jsfiddle.net/yausern/qbgewhss/1/

var map = new Datamap(
    { 
     element: document.getElementById('container'), 
     fills: { 
      defaultFill: "#ABDDA4", 
      win: '#0fa0fa' 
     }, 
     data: { 
      'CHN': { fillKey: 'win' }, 
      'SWE': { fillKey: 'win' }, 

     } 
    } 
); 
map.arc(
    [ 
     { 
      origin: 'CHN', 
      destination: 'SWE', 
      options: { 
       strokeWidth: 2, 
       strokeColor: 'rgba(100, 10, 200, 0.4)', 
       greatArc: true 
      } 

     } 
    ], 
    { 
     strokeWidth: 1, arcSharpness: 1.4 
    } 

) 

Was Vermisse ich hier?

Answer 1

Es funktioniert, wenn die hochauflösende Version mit finden Sie hier: https://raw.githubusercontent.com/markmarkoh/datamaps/master/dist/datamaps.world.hires.min.js

ich nicht bekommen, dies obwohl in JSFiddle zu arbeiten, wird folgende Fehlermeldung in der Konsole bekommen:

Refused to execute script from 'https://raw.githubusercontent.com/markmarkoh/datamaps/master/dist/datamaps.world.hires.min.js' because its MIME type ('text/plain') is not executable, and strict MIME type checking is enabled.

Als ich das Skript herunterladen und lokal darauf verweisen, es funktioniert, wenn http.server

Answer 2

Gemäß der API scheint das arcs-Plugin den Ländernamen zu akzeptieren. Ich habe mehrere Dinge ausprobiert, von der Verwendung scope:'world', um das Plugin zu referenzieren, aber keinen Erfolg.

Wie auch immer, dies nicht als eine Lösung für Sie klingen mag, aber man kann immer geografische Breite und Länge verwenden:

{ 
    origin: { 
     latitude: 60.1282, 
     longitude: 18.6435 
    }, 
    destination: { 
     latitude: 35.8617, 
     longitude: 104.1954 
} 

Hier ist die Geige: http://jsfiddle.net/gerardofurtado/59seachL/