Polymaps.org 和 KML / GeoJSON 中的绘图线答案

【问题标题】：Polymaps.org & KML / Plotting lines in GeoJSONPolymaps.org 和 KML / GeoJSON 中的绘图线
【发布时间】：2010-11-26 12:02:49
【问题描述】：

有人玩过 Polymaps.org KML 解析器吗？对我来说，这个例子似乎甚至不起作用。

我有一个现有的 KML 文件，该文件是从一个非常简单的数据库生成的 - 我有一个地标名称，以及该地标的 lat/long 十进制表示法。我有数百个，形成一条路线 - 我想做的很简单，Polymaps 是完美的，但是 GeoJSON 示例有限，Polymaps 示例更有限。

有没有 GeoJSON 专家可以提供帮助？我基本上想创建一个 GeoJSON 流，它采用我的地标名称、纬度和经度并创建一条线来形成一条路线。

【问题讨论】：

标签： kml georss geojson

【解决方案1】：

没有尝试过 KML 解析器，但这里有一个使用 Geoserver geoJSON 的示例

<style>
.layer path { fill: none; stroke: blue; stroke-width: 2;}
.layer circle { fill: lightcoral; fill-opacity: .5; stroke: brown; }
</style>

<script>
function myCallback(data)    {
    po = org.polymaps;
    map = po.map()
        .container(document.getElementById("map").appendChild(po.svg("svg")))
        .center({
            lat:(data.bbox[1] + (data.bbox[3]-data.bbox[1])/2),
            lon:(data.bbox[0] + (data.bbox[2]-data.bbox[0])/2)
        })
        .zoom(15)
        .add(po.interact());

    // points
    map.add(po.geoJson().features( data.features ));

    // make path
    var paths=[];
    for (var i=0;i<data.features.length;i++)    
        paths.push(data.features[i].geometry.coordinates);

    map.add(po.geoJson()
        .features([{"geometry":{"coordinates":paths, "type": "LineString"}}]));
}


var client = document.createElement("script");
client.src = 'http://localhost:8082/geoserver/ows?'+
    'service=WFS&version=1.0.0&request=GetFeature'+
    '&typeName=tiger:poi&maxFeatures=50'+
    '&outputFormat=json&format_options=callback:myCallback';

document.body.appendChild(client);
</script>

【讨论】：