OSMBuildings, 在 2D 和 3D 地图上,标注建筑几何图形

分享于 

4分钟阅读

GitHub

  繁體 雙語
OpenStreetMap building geometry on 2D and 3D maps
  • 源代码名称:OSMBuildings
  • 源代码网址:http://www.github.com/OSMBuildings/OSMBuildings
  • OSMBuildings源代码文档
  • OSMBuildings源代码下载
  • Git URL:
    git://www.github.com/OSMBuildings/OSMBuildings.git
    Git Clone代码到本地:
    git clone http://www.github.com/OSMBuildings/OSMBuildings
    Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/OSMBuildings/OSMBuildings
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
    

    OSM建筑物是一个JavaScript库,用于在 2D 和 3D 地图上可视化标注建筑物几何图元。

    电子邮件信息

    这个库的库版本是OSM的唯一变体。 在某一点上,它将完全集成经典 2.5版版本。

    关于项目的最新信息,请关注我们在 Twitter,阅读我们的博客,或者只是邮寄给我们在 mail@osmbuildings.org。

    无法确定要使用哪个版本

    经典 2.5

    源:https://github.com/kekscom/osmbuildings

    最适合:

    • 出色的设备兼容性
    • 较好的硬件性能
    • 阴影模拟
    • 与Leaflet或者 OpenLayers 2完全集成
    现代 3 D

    最适合:

    • 现代图形硬件性能卓越
    • 大量的对象
    • 组合各种数据源

    这里版本对任何事件和层逻辑使用 GLMap。

    兼容性

    比列出的below 运行更早的versons,但这是我们测试的基线。

    • Win7: 最新 Chrome ( MSIE11未运行,Firefox TBD )
    • Win10: TBD
    • OSX: 最新 Crome,Safari,Firefox
    • Linux: TBD
    • 安卓 5.0
    • iOS 9.3

    获取文件

    检查生成版本会导致开发过程中出现大量麻烦。 所以我们决定使用Github发布系统。

    从这里选择最新版本: https://github.com/OSMBuildings/OSMBuildings/releases

    文档

    所有地理坐标都在 EPSG:4326 中。

    快速集成

    链接 HTML head部分中所有必需的库。 文件在文件夹 /dist 中提供。

    <head>
     <linkrel="stylesheet"href="OSMBuildings/OSMBuildings.css">
     <scriptsrc="OSMBuildings/OSMBuildings.js"></script>
    </head>
    <body>
     <divid="map"></div>

    在脚本部分初始化OSM建筑物并将它的添加到DOM容器中。

    var osmb =newOSMBuildings({
     position: { latitude:52.52000, longitude:13.41000 },
     zoom:16,
     minZoom:15,
     maxZoom:22 });
     osmb.appendTo('map');
     osmb.addMapTiles(
     'https://{s}.tiles.mapbox.com/v3/osmbuildings.kbpalbpk/{z}/{x}/{y}.png',
     {
     attribution:'© Data <a href="http://openstreetmap.org/copyright/">OpenStreetMap</a> · © Map <a href="http://mapbox.com">Mapbox</a>' }
     );
     osmb.addGeoJSONTiles('http://{s}.data.osmbuildings.org/0.2/anonymous/tile/{z}/{x}/{y}.json');

    OSM建筑服务器

    还有关于OSM建筑服务器端的文档。 请参见 https://github.com/OSMBuildings/OSMBuildings/blob/master/docs/server.md

    请注意:我们是一个非常小的团队,没有时间做项目和限制资金。 你可以帮助我们在推广这个词。捐赠。代码贡献和测试方面提升项目。 我们很高兴接收请求请求和问题

    插件开发环境

    下面是如何设置开发环境的方法:

    • 克隆 repo ( git clone git@github.com:OSMBuildings/OSMBuildings.git )
    • 使用 npm install 安装依赖项
    • 修改后,你可以通过运行 grunt release 来尝试它们,这将输出 dist/OSMBuildings/OSMBuildings.debug.js 你可以包含的文件,如普通文件

    相关文章