Wie kann ich kartograph.js verwenden?[geschlossen]

StackOverflow https://stackoverflow.com//questions/12687269

Frage

Gibt es jemanden, der die Bibliotheken kartograph.js und „kartograph.py“ verwendet hat?Wissen Sie, ob ich „kartograph.py“ benötige, um ausgeführt zu werden? Wie kann ich die Bibliothek „kartograph.py“ verwenden, ohne Python zu installieren?Weil ich ein Problem mit „kartograph.js“ habe, wenn ich die „BBOX“ in „kartograph.js“ erstelle.

Der Fehler in kartograph.js:

.... 
if (height === 0) height = width * .5;
        alert(width);
        me.viewport = new kartograph.BBox(0, 0, width, height);
**Uncaught TypeError: undefined is not a function**
        me.paper = me.createSVGLayer();
        me.markers = [];
        me.pathById = {};
        me.container.addClass('kartograph');
    }
....

Ich danke Ihnen für Ihre Hilfe

Die HTML-Seite.Der Fehler tritt auf, wenn ich $K.map erstelle 

<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>GEOFRANCE</title>
    <link href="/Styles/Site.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="/script/js/script.min.js"></script>


  $script(['/script/js/jquery.min.js','/script/js/raphael.min.js', '/script/js/kartograph.js', '/script/js/chroma.min.js'], 'kartograph');

  $script(['/script/js/jquery.qtip.min.js'], 'qtip');


</head>
<body>
<div id="main">

<link rel="stylesheet" type="text/css" href="/Styles/jquery.qtip.css">    
<script type="text/javascript">

$script.ready(['kartograph', 'qtip'], function () {

    $(function () {
        var map,
            colorscale,
            dep_data = {},
            w = $('#map').parent().width();
        $.fn.qtip.defaults.style.classes = 'ui-tooltip-bootstrap';
        $.fn.qtip.defaults.style.def = false;

        $.ajax({
            url: 'departments.json',
            dataType: 'json',
            success: function (data) {
                alert("test : " + w);

                $.each(data, function (i, r) {
                    dep_data[r.id] = r;

                })


                map = $K.map('#map', w, w);

                alert("test2 : " +w);
                map.loadMap('france-departments.svg', function () {
                    map.addLayer('departments', {
                        titles: function (d) { return d.id },
                        styles: {
                            stroke: '0.5px'
                        },
                        tooltips: function (d) {
                            return [d.name, dep_data[d.id].density + '/km<sup>2</sup>'];
                        }
                    });
                    updateMap();
                });
            }
        });

        /*
        * update map colors
        */
        function updateMap() {
            var prop = 'density', // $('.measure.btn-custom').data('value'),
                scale = 'quantiles', // $('.scale.btn-custom').data('value'),
                colors = $('#colors').get(0).value;

            colorscale = new chroma.ColorScale({
                colors: chroma.brewer[colors],
                limits: chroma.limits(dep_data, scale, 7, prop)
            });
            map.getLayer('departments').style({
                fill: function (d) {
                    return colorscale.getColor(dep_data[d.id][prop]);
                }
            });

        }

        // init user interface
        $('.btn').click(function (event) {
            var tgt = $(event.target), par = tgt.parent();
            $('.btn', par).removeClass('btn-custom');
            tgt.addClass('btn-custom');
            updateMap();
        });

        $('#colors').change(updateMap);
        $('#colors').keyup(updateMap);

    });

});
</script>

<div id="map">
</div>

</div>
  </body>
 </html>
War es hilfreich?

Lösung

Sie müssen die Karte, die Sie verwenden möchten, mit kartograph.py generieren. Dies beantwortet also direkt Ihre nächste Frage: Ja, Sie müssen Python installieren, um sie verwenden zu können.Sie können etwas, das in Python geschrieben wurde, nicht ohne den Python-Interpreter ausführen.

Ich bin mir nicht ganz sicher, wo Sie über diese BBox-Methode gelesen haben, aber in den Dokumenten steht etwas ganz anderes: http://kartograph.org/docs/kartograph.js/

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top