GeoServer学习——OpenLayers3加载KML地图实现框选

阅读更多
  时间:2016-02-26,欢迎转载,转载请保留本文地址: http://wallimn.iteye.com/blog/2279201

  初学GeoServer、OpenLayers,折腾了几天,终于完成了一个简单的任务:使用GeoServer发布KML数据,WEB页面通过OpenLayers打开,实现显示框选的元素。简单记录一下过程,希望对摸索技术的朋友有所帮助。
  GeoServer的版本为:2.7.5,OpenLayers的版本为:3.14.0。
  框选的效果与OL的版本有较大关系,注意要使用最新版本。使用GeoServer自带的OL,框选的时候不显示选框。

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

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



GeoStudy--by wallimn






	
No countries selected


三、设置数据文件
  将第一页生成的poi.kml文件,放到bs.html网页文件所在的目录。

四、通过浏览器访问网页
  我的地址是http://localhost:8080/bs.html,请根据实际情况进行修改。框选时,按住Ctrl键(MAC系统,使用Command键)。
  • src.rar (131.6 KB)
  • 下载次数: 67

你可能感兴趣的:(geoserver,openlayers,KML)