openlayers3怎么加载图片生成的kml文件

2026-04-10 18:35:02

1、初学GeoServer、OpenLayers,折腾了几天,终于完成了一个简单的任务:使用GeoServer发布KML数据,WEB页面通过OpenLayers打开,实现显示框选的元素。简单记录一下过程,希望对摸索技术的朋友有所帮助

openlayers3怎么加载图片生成的kml文件

2、框选的效果与OL的版本有较大关系,注意要使用最新版本。使用GeoServer自带的OL,框选的时候不显示选框。

openlayers3怎么加载图片生成的kml文件

3、[b]一、启动GeoServer[/b]


  使用GeoServer自带的数据做试验,选择一个点元素图层“tiger:poi”,在预览界面生成KML数据文件【All format下拉选框中选择KML(plain)】,将这个文件保存为poi.kml。

openlayers3怎么加载图片生成的kml文件

4、[b]二、创建网页文件[/b]


  进入Tomcat的工程目录,webapps\ROOT目录中,创建bs.html文件。文件内容主要来自于官网的例子,与地图显示相关的部分进行了相应的修改,如坐标系设置、边界、地图大小自适应等。
  文件内容如下:

openlayers3怎么加载图片生成的kml文件

5、[b]三、设置数据文件[/b]


  将第一页生成的poi.kml文件,放到bs.html网页文件所在的目录。

openlayers3怎么加载图片生成的kml文件

6、[b]四、通过浏览器访问网页[/b]


  我的地址是http://localhost:8080/bs.html,请根据实际情况进行修改。框选时,按住Ctrl键(MAC系统,使用Command键)。

openlayers3怎么加载图片生成的kml文件

猜你喜欢