创建 openlayers 文本

Posted

技术标签:

【中文标题】创建 openlayers 文本【英文标题】:Creating openlayers text 【发布时间】:2012-12-05 15:51:33 【问题描述】:

我对 OpenLayers 有点陌生,我想问一下我的代码有什么问题。这实际上只是来自我从互联网上获得的示例,但我似乎无法使其工作。我想做的就是使用 Openlayers.layers.text 制作 POI。

map = new OpenLayers.Map("mapdiv");
map.addLayer(new OpenLayers.Layer.OSM());
var pois = new OpenLayers.Layer.Text( "My Points",
                 location:"./textfile.txt",
                  projection: map.displayProjection
                );
map.addLayer(pois);

在我的文本文件中是

lat lon title   description iconSize    iconOffset  icon
10  20  title   description 21,25   -10,-25 http://www.openlayers.org/dev/img/marker.png

我整天都在试图找出我的代码有什么问题,但我无法让它发挥作用。谁能帮我弄清楚我的代码有什么问题?只有地图将显示没有弹出/标记..

【问题讨论】:

我真的很想做这样的东西link “不能让它工作”是什么意思?您面临的错误/错误是什么? 您是否遇到任何错误?如果是这样,您可以通过编辑按钮将它们包含在您的问题中吗? 【参考方案1】:

确保您的 textfile.txt 文件符合以下要求:

数据文件的第一行应该是带有数据列名的标题行。每列应由tab 空格分隔。 textfile.txt 的最后一行应该是一个空字符串。 textfile.txt 应与原始应用程序放在同一主机上。 如果您尝试从文件系统运行应用程序,OpenLayers.Layer.Text 将不起作用。使用网络服务器。

见我的LIVE DEMO。 .txt 文件示例:

【讨论】:

我现在让它工作了。谢谢。虽然我已经这样做了一段时间,但什么也没发生。

以上是关于创建 openlayers 文本的主要内容,如果未能解决你的问题,请参考以下文章

openlayer3 基础学习一创建&显示地图

js如何将openlayer地图导出为图片

# openlayer 热力图显示

如何在 openlayer 6 中添加 tms 层?

openlayer3中地图重复怎么获取正确的坐标点

vue openlayer聚合是啥意思