当前位置:文档之家› 基于openlayers地图框架的搭建

基于openlayers地图框架的搭建

基于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方法中的代码了。

相关主题