基于openlayers地图框架的搭建
准备的工具
/ openlayers的官方网站上下载对应的运行包,其中多为js和css,html
文件。
准备对应的地图文件,如shap等格式的地图图层,利用开源框架发布地图服务。
搭建服务器框架,访问已经建立好的关系型数据库。
这里访问后台数据的框架可以使java,
C#,PHP,.NOT,ASP,JSP。
在前台页面上通过ajax调用关系型数据的数据显示在发布的地图服务上面,自己重新建立新
的图层。
实现方式
Openlayers实现的方式是通过javascript来实现的,所以它对ajax和json具有良好地支持性。
如果在项目中没有用到服务器进行数据访问,根本不需要打开服务器,直接访问html就可以访问到对应的地图服务。
当然,如果这个html在一个web项目中,没有启动是无法在其他机子上访问的。
Openlayers的实现方式非常简单,只需要引入几个css和js即可实现。
如图
注:需要拷贝openlayers解压文件夹下的lib,img,OpenLayers.js,要用到样式还要添加theme 文件夹。
到自己项目中。
例如webroot下的js文件或openlayers文件家中。
开始第一个例子(在线地图API的访问)
1.新建一个web项目,新建一个jsp页面或者html页面。
2.引入js和css详见上面注意。
3.写对应的javascript代码。
先添加一段css样式
在html代码中写上
然后写init方法中的代码了。