1

https://datamaps.github.io/に示すように、Datamaps からマップ上に円弧を描画しようとすると、

次のコードを使用して空のアークを取得し、ここに示します: 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
    }

)

ここで何が欠けていますか？

4

2 に答える 2

1

ここにある高解像度バージョンを使用すると機能します: https://raw.githubusercontent.com/markmarkoh/datamaps/master/dist/datamaps.world.hires.min.js

ただし、これは JSFiddle では機能しません。コンソールに次のエラー メッセージが表示されます。

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.

スクリプトをダウンロードしてローカルで参照すると、Python 3 の http.server を使用すると動作します

于 2016-06-15T06:12:57.957 に答える