存在哪些基于 HTML5 Canvas 的映射库?

发布于 2024-12-06 20:47:47 字数 166 浏览 1 评论 0原文

Bing 地图和 Google 地图 JavaScript/Ajax 映射控件/库使用 用于渲染地图图块等的标签。

是否有任何可用的地图控件/库可以利用 HTML5 Canvas 元素来渲染地图图块?

更现代的控件会很好,特别是因为它将利用新浏览器中的硬件加速来渲染地图显示。

The Bing Maps and Google Maps JavaScript/Ajax Mapping Controls/Libraries use <img/> tags for rending map tiles and such.

Are there any mapping controls/libraries available that utilize the HTML5 Canvas element for rendering the map tiles?

A more modern control would be nice, especially since it'll utilize hardware acceleration in the new browsers for rendering the map display.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

美人如玉 2024-12-13 20:47:47

我目前最喜欢的 Javascript Maps API 是 Leaflet (http://leaflet.cloudmade.com)。它仍然只是一个非常年轻的控件(第一次公开发布是在几个月前),并且有一些错误需要解决,但它有一个可爱的干净、轻量级的 API。

最重要的是,所有地图对象都设计为易于扩展,因此,从抽象 ILayer 接口开始,您可以...:

  • 创建常规图块图层,加载由图块 x/y/z 引用的图像
    坐标 (http://leaflet.cloudmade.com/reference.html#tilelayer)
  • 创建从 WMS 服务器加载数据的图块图层
    (http://leaflet.cloudmade.com/reference.html#tilelayer-wms)
  • (这是您问题的具体答案),创建在客户端使用画布元素绘制的图块层(http://leaflet .cloudmade.com/reference.html#tilelayer-canvas)

并且因为它是开源的,所以如果您愿意,您可以(与 Bing 或 Google 控件不同)进一步扩展这些图块层......

My current favourite Javascript Maps API is Leaflet (http://leaflet.cloudmade.com). It's still only a very young control (first public release was a few months ago) and it's got a few bugs to be ironed out but it's got a lovely clean, lightweight API.

Best of all, all the map objects are designed to be easily extendable so, starting from the abstract ILayer interface, you can...:

  • create regular tile layers that load images referenced by tile x/y/z
    coordinates (http://leaflet.cloudmade.com/reference.html#tilelayer)
  • create tile layers that load data from a WMS server
    (http://leaflet.cloudmade.com/reference.html#tilelayer-wms)
  • (and this is the specific answer to your question), create tile layers that are drawn using canvas elements on the client side (http://leaflet.cloudmade.com/reference.html#tilelayer-canvas)

And because it's open source, you can (unlike Bing or Google controls) extend these tile layers still further if you desire....

神经暖 2024-12-13 20:47:47

OpenLayers3 将提供 WebGL、Canvas 和 DOM 渲染支持,此外还有一组用于图块提供者的广泛“连接器”、OGC 兼容服务器以及对矢量功能的支持。

OpenLayers3 will offer WebGL, Canvas and DOM rendering support, in addition an extensive set of "connectors" for tile providers, OGC compliant servers, and support for vector features.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文