2015-08-07 2 views
1

я пытаюсь загрузить GeoJSON файл на .html, но дает мне «неперехваченным ReferenceError: проекция не определена»Uncaught ReferenceError: проекция не определена

мой код:

<!DOCTYPE html> 
<html> 
    <head> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js" charset="utf-8"></script> 

    <style type="text/css"> 

    </style> 

    </head> 
    <body> 
    <script> 

    var canvas=d3.select("body").append("svg") 
     .attr("width", 760) 
     .attr("height", 700)  

    d3.json("sweden20.geojson", function(data) { 

    var group= canvas.selectAll("g") 
      .data(data.features) 
      .enter() 
      .append("g") 

     var pojection = d3.geo.mercator(); 
     var path = d3.geo.path().projection(projection); 

     var areas= group.append("path") 
      .attr("d", path) 
      .attr("class", "area") 
      .attr("fill", "steelblue"); 

    }); 

    </script> 
    </body> 
</html> 

и sweden20.geojson был взят из Швеции здесь: http://code.highcharts.com/mapdata/

ответ

1

Существует вероятный опечатка в этой строке:

var pojection = d3.geo.mercator(); 

Замените pojection на projection, и ошибка ссылки должна исчезнуть.

+0

большое спасибо! –

+0

btw, любые решения для «Ошибка: недопустимое значение для атрибута » (в том же коде)? –

+0

Какая линия? Ваш код просто дает мне синий прямоугольник, если я запустил его с помощью http: // code.highcharts.com/mapdata/countries/se/se-all.geo.json'. – hzpz