Question

我正在尝试在Kartograph生成的SVG地图上创建气泡。我想做这样的事情：http://kartograph.org/showcase/symbols/

地图加载但不显示符号。我没有在Javascript控制台中抛出任何错误。

$(document).ready(function() {

var map = $K.map('#map');

map.loadMap("mapfinal.svg", function() {
    // add layers
    map.addLayer('background', {
        styles: {
            fill: '#e8f9fb',
            'stroke': 'none'
        }
    });
    map.addLayer('world', {
        styles: {
            fill: '#f5f3f2',
            'stroke': 'none'
        }
    });
    map.addLayer('states', {
        styles: {
            fill: '#FFF',
            'stroke': '#882222',
            'stroke-width': 0.5,
            'stroke-opacity': 0.4
        }
    });
    map.addLayer('urban', {
        styles: {
            fill: '#553344',
            'fill-opacity': 0.6,
            'stroke': 'none'
        }
    });
    map.addSymbols({
        type: kartograph.Bubble,
        data: [{
            lon: -104,
            lat: 40.5,
            name: 'Berlin'
        }],
        radius: 40,
        location: function(d) {
            return [d.lon, d.lat]
        },
        style: 'fill:#800000; stroke: #fff; fill-opacity: 0.5',
    });

});

}）;

我不知道还能做什么。我已经按照所有示例代码阅读了文档。

Answer 1

如果将来遇到其他人，问题就在于地图本身。无论出于何种原因，kartograph.py框架中存在一个错误，该错误会生成具有错误坐标的SQG地图。我的气泡没有出现，因为地图上没有经度和纬度。当我使用laea投影重新生成我的地图时，它起作用了。

在Kartograph.js中显示气泡

1 个答案: