Ошибка карты данных: «Uncaught TypeError: Невозможно прочитать свойство 'equirectangular' of undefined" - PullRequest
Новая
       62

Ошибка карты данных: «Uncaught TypeError: Невозможно прочитать свойство 'equirectangular' of undefined"

0 голосов
/ 04 декабря 2018

// Здравствуйте, я пытаюсь создать карту мира, используя Datamaps, D3.js и Topojson.Следующий код является выдержкой из моего файла index.html, который теоретически должен создать эту карту в соответствии с инструкциями, которые я выполнил на этой странице: https://github.com/markmarkoh/datamaps/blob/master/README.md#getting-started

// Ниже приведены мои зависимости, за которыми следует "new Datamap "объект, который я пытаюсь создать.Когда я запускаю это, я получаю ошибку «Uncaught TypeError: Невозможно прочитать свойство« equirectangular »of undefined» в консоли.Есть ли какая-то ошибка с моими CDN или с объявлением переменной? 

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/5.7.0/d3.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/topojson/3.0.2/topojson.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/datamaps/0.5.9/datamaps.abw.min.js"></script>

<div id="container" style="position: relative; width: 500px; height: 300px;"></div>

<script>
    var map = new Datamap({
        element: document.getElementById('container'),
        projection: 'mercator',
        responsive: true,
        fills: {
        defaultFill: "#ABDDA4",
        authorHasTraveledTo: "#fa0fa0"
        },
        data: {
        USA: { fillKey: "authorHasTraveledTo" },
        JPN: { fillKey: "authorHasTraveledTo" },
        ITA: { fillKey: "authorHasTraveledTo" },
        CRI: { fillKey: "authorHasTraveledTo" },
        KOR: { fillKey: "authorHasTraveledTo" },
        DEU: { fillKey: "authorHasTraveledTo" },
        },
        geographyConfig: {
          popupTemplate: function(geo, data) {
                return ['<div class="hoverinfo"><strong>',
                        'Number of things in ' + geo.properties.name,
                        ': ' + data.numberOfThings,
                        '</strong></div>'].join('');
            },
          borderColor: '#444',
          borderWidth: 1,
          borderOpacity: 1,
          dataUrl: 'http://datamaps.github.io/scripts/0.4.4/datamaps.world.min.js'
          //dataJson: topoJsonData
        }
    });

// Я считаю, что это может быть проблема с импортом и / или версией моих CDN, так как я пытался импортировать разные версии,

...