我开发的开源 JS 地图引擎 maptalks.js, 请大家不吝赐教!

[fuzhenn]

嗨! 今天总算把 maptalks 的示例与文档整理得七七八八, 打算正式发布了.

算一算, 从写下 maptalks 的第一行代码到现在, 已经在这个开源库上花了 4 年时间.

我是个自由职业者, 4 年前因为接了个地图外包项目, 因缘际会开始自己造轮子写引擎, 没想到一写就是 4 年 : P

项目地址是:

https://github.com/maptalks/maptalks.js

项目是一个 HTML5 的地图引擎, 基于原生 ES6 Javascript 开发:

• 二三维一体化地图, 通过二维地图的旋转 /倾斜增加三维视角
• 插件化设计, 能与其他图形库结合, 开发各种二三维效果, 例如 echarts/d3/THREE 等
• 很认真的优化了绘制性能
• 很重视测试, 有接近 1.5K 个单元测试用例, 所以稳定性还不错, 已经应用在很多大大小小的系统上了

以下是一段 maptalks 的 HELLO WORLD:

const map = new maptalks.Map('map', {
    center: [0, 0],
    zoom: 3,
    attribution: {
      content: '&copy; <a href="http://osm.org">OpenStreetMap</a> contributors'
    },
    baseLayer: new maptalks.TileLayer('base', {
      'urlTemplate' : 'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
      'subdomains'  : ['a','b','c']
    })
});

我的目标是把它做成世界上最好的开源地图引擎产品 : ), 目前主要竞争对手有leafletjs和openlayers.

回想开发 maptalks 的过程还是挺唏嘘的, 掉进过一个又一个坑, 不得不一次又一次的重写重构, 总算熬到了现在. 即将发布, 丑媳妇要见公婆, 心情很忐忑 : P

都说 V2EX 是个做第一次分享的好地方, 看官们都很友善, 所以首先发在这里, 请大家提提意见, 不吝赐教.

另外, 既然是开源软件, 如果有同学感兴趣, 想参与开发的, 请随时联系我(fuzhen at maptalks.org)

最后按惯例求个 STAR~

[lyog]

👍厉害，已 star

[lyog]

不过我觉得楼主缺一个美工😂，还有，百度底图挂掉了

[megachweng]

感谢分享

[fuzhenn]

@lyog maptalks.org 是 https 的, 百度的底图文件不支持 https.. 所以...

确实木有美工, 求介绍 : (

[fo2w]

好想把 lz 吸收进团队, 就是不知道有没有结束自由工作的想法...

[AlwaysBee]

太厉害了

[tvallday]

4 年这么长时间？怎么熬过来的？地图引擎需要很多算法优化的，如果真能实际应用那是相当厉害。楼主有没有对比过 Mapbox ？这个公司很多高手。

[fuzhenn]

@tvallday 是的! mapbox 很多大神, 它目前是开源 GIS 领域里冉冉升起的新星, 这样的大腿不得不抱, 所以我在 maptalks 里采用了不少 mapbox 的样式标准和数据规范(可以在 maptalks.js 的 github 里搜索 mapbox)

我给 maptalks 主要定位于政府 /企业项目开发, mapbox 更偏服务(类似谷歌地图, 百度地图), 所以两者在定位上是互补的, 我也专门开发了 mapbox-gl-js 插件用来调用他们的服务( https://github.com/maptalks/maptalks.mapboxgl).

[jjplay]

很棒，会火！

[ashong]

确实不错， 顶上去

[ashong]

没看到用的什么数据， 如何自定义数据？

[ashong]

不好意思， 看到了用的是 carto

[stzz]

自由工作,很强

[sliwey]

膜拜大佬！已 star~

[Rico]

必须赞！作为 GISer 的我觉得楼主功力深厚，能实现媲美 OpenLayers3 和 ArcGIS For Javascript API 的库，厉害！

[Rico]

简单看了一下，好像矢量切片没有？另外有个想法，如果做个 MapTalk 的 React 组件库会降低使用门槛，有更多的人使用。愿意一起搞,如果楼主也有这个想法可以联系我。另外楼主不是科班 GIS 能做出这个真心厉害！

[sobigfish]

厉害，（外行）要做个本地数据 室内地图（+路径导航？）的话 请问需要哪些 API 可以完成
谢谢

[fuzhenn]

@Rico 哈哈, 来一起玩, 发个邮件给我吧(邮箱见正文最后). 你有啥想法都可以噢, 我会给你发 pull request~
对了, 矢量切片的库正在开发, 开发好了会做成个插件开源出来.

[fuzhenn]

@sobigfish 这个问题比较复杂, 哈哈, 涉及到前端地图渲染, 数据处理和导航算法
maptalks 只是前端地图渲染, 没有路径导航功能, 渲染室内地图是可以的, 晚点我去 examples 里增加一个室内地图的例子 po 回来.

不知道你的项目是 pc 端还是移动端的, 路径导航可以看看这个库:
https://github.com/anvaka/ngraph.path
前几天刚在 twitter 上看到的, 蛮惊艳的

[droiz]

滋瓷！！！