Polymaps.org& GeoJSON中的KML /绘图线

时间:2010-09-25 03:52:53

标签: kml georss geojson

有没有人玩过Polymaps.org KML解析器?对我而言,似乎这个例子甚至都不起作用。

我有一个现有的KML文件,它是从一个非常简单的数据库生成的 - 我有一个地标名称,以及所述地标的十进制表示的纬度/经度。我有数百个这样的路线 - 形成一条路线 - 我想做的事情很简单,而且Polymaps是完美的,但GeoJSON示例有限,甚至更有限的Polymaps示例。

是否有任何可以伸出援手的GeoJSON专家?我基本上想要创建一个GeoJSON流,它采用我的地标名称,lat&很长,并创建一条线来形成一条路线。

1 个答案:

答案 0 :(得分: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>