javascript - 从 PNG 像谷歌地图一样创建 map

标签 javascript html maps gis openlayers

我们需要从光栅文件创建一个小镇的 map 。我们的客户拒绝使用已知的 API,如谷歌地图、OSM 等。截止日期前的时间不多了。从图片创建小型 web map 的最快方法是什么?某种 JavaScript 框架? 需要:拖动、缩放和标记。 在没有 MapServer 或 GeoServer 等大型服务器的情况下执行此操作是非常可取的,因为我们没有太多时间以这种格式重绘 map 。

最佳答案

绝对最简单的方法是创建一个带有 Image 图层的 OpenLayers map 。 Here is an example它是如何工作的。

尽管整个图像在 OpenLayers 可以操作它之前被加载到客户端,但考虑一下。因此,如果图片很大,这可能不是最佳选择。

其他选择是用 MapTiler 创建一个平铺金字塔然后您可以简单地将其托管在您的网络服务器上(不需要 MapServer 或 GeoServer),然后使用 OpenLayers 中的 TileCache 层在 map 上显示图 block 。当您使用 MapTiler 平铺图像时,它会创建具有所有必要设置的 OpenLayers 示例。

关于javascript - 从 PNG 像谷歌地图一样创建 map ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6890818/

相关文章:

javascript - 如何从 codepen 导出和显示我的时间表

javascript - 如何使用Leaflet的脉冲图标动态切换颜色

javascript - 如何将超链接添加到我的 v-data-table 组件的“应用程序”列?

javascript - Angular 未定义的多个文件上传

javascript - 当我返回起始页时按钮不起作用

javascript - 带图例的 D3 等值线图

testing - 如何在 Golang 中测试 map 的等价性?

javascript - jsp 代码未在 backbone.js View 中执行

javascript - d3.js 叠加图

html - 什么是 CSS 网格系统?