使用JS把shapefile地图数据转换为geojson格式

使用openlayer展示地图，也可以导出为json数据文件供下载。

js, gis, 地图信息

《aframe.js 3d拼图代码详解》作品已被踏得网收录！

第三方库
作品简介 10984
作品推荐
使用帮助
常用链接

HTML
CSS
JavaScript
Result

编译

JavaScript

/* http://github.com/wavded/js-shapefile-to-geojson */

OpenLayers._getScriptLocation = function() {
    return "http://rs1.adc4gis.com/js/openlayers/2.9.1/";
};

var starttime = +new Date,
    map = new OpenLayers.Map("map", {
        allOverlays: true
    }),
    parser = new OpenLayers.Format.GeoJSON(),
    vector = new OpenLayers.Layer.Vector("Converted"),

shapefile = new Shapefile({
        shp: "/uploads/shpjson/testdata/world.shp",
        dbf: "/uploads/shpjson/testdata/world.dbf"
    }, function(data) {
        var features = parser.read(data.geojson);
        vector.addFeatures(features);
        map.zoomToExtent(vector.getDataExtent());

console.log("took", new Date - starttime, "milliseconds")
        console.log(data);

//export geojson
        var str = JSON.stringify(data.geojson);

//Save the file contents as a DataURI
        var dataUri = 'data:application/json;charset=utf-8,' + encodeURIComponent(str);

//Write it as the href for the link
        var link = document.getElementById('link').href = dataUri;

})

map.addLayer(vector);

编译

CSS

HTML

使用openlayer展示地图，也可以导出为json数据文件供下载。

js, gis, 地图信息

编辑器支持Emmet

快捷键

使用openlayer展示地图，也可以导出为json数据文件供下载。

js, gis, 地图信息

three.js + openlayers gis 3d example

使用Swiper.js实现响应式图文卡片滑动幻灯片

编辑器支持Emmet

快捷键

语言：

语言：

导入代码模板：