New Caledonia doesn't work

Hello,

I try to use Datamaps to display the New Caledonia map, following the tutorial here: https://github.com/markmarkoh/datamaps/blob/master/README.md#getting-started

Here is my index.html:

<script src="http://cdnjs.cloudflare.com/ajax/libs/d3/3.5.3/d3.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/topojson/1.6.9/topojson.min.js"></script>
<script src="./datamaps.ncl.js"></script>
<div id="container" style="position: relative; width: 500px; height: 300px;"></div>
<script>
    var map = new Datamap({element: document.getElementById('container')});
</script>

./datamaps.ncl.js being this file: https://github.com/markmarkoh/datamaps/blob/master/dist/datamaps.ncl.js

Unfortunately, I’ve got this error message in the console:

TypeError: data.objects is undefined
datamaps.ncl.js:172:9

What am I doing wrong? Thanks in advance.

[qnts]

Hi @djcaesar9114, I finally found the solution. You need to set a projection similar to this https://github.com/markmarkoh/datamaps/issues/281

Also here is a working example for your map: http://jsbin.com/bocisozigo/edit?html,output

[qnts]

I’m creating a Taiwan map and I got the same problem 😦