`
szpapas
  • 浏览: 106878 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

OpenLayers Rails Plugin 使用

阅读更多
Map Layer 使用过程

1. 安装
ruby .\script\plugin install http://www.sourcepole.ch/svn/plugins/map_layers/trunk

2.建立Controller 和 View
Create a controller and a view
ruby .\script\generate controller Map index

3.在Controller 下面的添加方法

def index
  @map = MapLayers::Map.new("map") do |map, page|

    page << map.add_layer(MapLayers::GOOGLE)
    page << map.zoom_to_max_extent()

    page << map.add_control(Control::LayerSwitcher.new)    
    page << map.add_control(Control::Permalink.new('permalink'))    
    page << map.add_control(Control::MousePosition.new)
    page << map.add_control(Control::MouseToolbar.new)
    page << 'map.setCenter(new OpenLayers.LonLat(113.31917,  23.14052), 13)'
  end
end


4. 在View中添加
GOOGLE_API_KEY 在enviroment.rb 设定

  <%= map_layers_includes :google => GOOGLE_API_KEY %>
  <div id="map" style="width: 600px; height: 400px;"></div>
  <%= @map.to_html %>


5. 在Controller 中增加新的图层

map_helper 看起来不错,但是还是不如Javascript 来得直接一些。这样有两个选择,一个是直接写一个Javascript 放在 public 目录下面,然后在View中include 进去。

<%= map_layers_includes :google => GOOGLE_MAPS_KEY %>
<div id="map" style="width: 876px; height: 650px;"></div> 
 //Other Web Code here
<%= javascript_include_tag "MapEvent" %> 


另外一种方法是:直接在Controller 中 通过page << 插入
然后由<%= @map.to_html %>输出。


我更prefer用前面一种方法,这样比较容易控制。












分享到:
评论
1 楼 qichunren 2008-09-20  
你说的是什么东西啊?是gg的地图吗?要不,发一个截图上来看看啊。

相关推荐

    QGis地图插件openlayers_plugin-2.0.0

    QGis加载openlayers_plugin-2.0.0插件后,可增加在线地图的图层,包括:OpenStreetMap、GoogleMaps、Bing Maps、OSM/Stamen、Wikimedia Maps、OSM/Thunderforest、AppleMaps等

    使用openlayers加载离线地图实例

    在“使用openlayers加载离线地图实例”中,我们需要考虑以下关键步骤: 1. **设置HTML结构**:首先,创建一个HTML文件作为应用的基础,引入OpenLayers库和其他必要的CSS和JavaScript资源。确保OpenLayers库的路径...

    openlayers 调用百度地图

    使用上面的`baiduSource`创建一个OpenLayers图层: ```javascript var baiduLayer = new ol.layer.Image({ source: baiduSource }); ``` 6. **设置地图和视图**: 创建`ol.Map`实例,并设置视图的中心点和...

    openlayers中文.rar

    - **瓦片(Tiles)**:OpenLayers可以使用瓦片服务来提高地图加载速度,将大地图分割成小块加载。 2. **OpenLayers的使用步骤**: - **引入库文件**:在HTML文件中添加OpenLayers库的链接。 - **创建Map对象**:...

    webgis之openlayers全面解析pdf

    OpenLayers作为业内使用*为广泛的地图引擎之一,已被各大GIS厂商和广大WebGIS二次开发者采用。借助OpenLayers强大的扩展功能,可以实现与各个不同的WebGIS平台产品相结合,开发出各具特色的WebGIS应用系统。 本书...

    vue+openlayers简单示例

    在命令行中,你可以使用npm(Node Package Manager)来安装OpenLayers库: ```bash npm install ol ``` 接下来,创建一个Vue组件,如`Map.vue`,在这个组件中引入OpenLayers并设置地图的基本结构。Vue组件通常包含...

    openLayers geoserver常见问题

    解析XML在OpenLayers中通常使用JavaScript的内置DOM解析器,例如`document.createElement`, `getElementsByTagName`, `getAttribute`等方法,或者使用jQuery等库简化操作。 关于OpenLayers的popup(弹窗),可以...

    《WebGIS之OpenLayers全面解析》一书源码

    OpenLayers作为业内使用最为广泛的地图引擎之一,已被各大GIS厂商和广大WebGIS二次开发者采用。借助OpenLayers强大的扩展功能,可以实现与各个不同的WebGIS平台产品相结合,开发出各具特色的WebGIS应用系统。 本书...

    使用openlayers展示对象的移动轨迹

    这需要使用OpenLayers的动画功能和定时器。在每个时间步长,更新地图的视图以移动到下一个轨迹点。 至此,我们就成功地用OpenLayers展示了对象的移动轨迹。这个过程涉及到地图的初始化、数据加载、图层创建、样式...

    WebGIS之OpenLayers全面解析

    OpenLayers作为业内使用最为广泛的地图引擎之一,已被各大GIS厂商和广大WebGIS二次开发者采用。借助OpenLayers强大的扩展功能,可以实现与各个不同的WebGIS平台产品相结合,开发出各具特色的WebGIS应用系统。 本书...

    vue3版openlayers基础脚手架

    在本项目中,“vue3版openlayers基础脚手架”是一个使用Vue3框架构建的Web应用程序,它专门用于展示和操作二维地图。OpenLayers是一个强大的开源JavaScript库,它允许开发者在网页上创建交互式地图,支持多种数据源...

    openlayers很多特效demo

    OpenLayers 是一个强大的开源JavaScript库,用于在网页上创建交互式的地图应用。它支持多种地图服务,包括WMS、WMTS等,并且能够处理多种数据格式,如GeoJSON、KML等。"openlayers很多特效demo" 提供了一系列示例,...

    openlayers 手册

    OpenLayers 手册 OpenLayers 是一个功能强大的开源 JavaScript 库,用于创建交互式地图应用程序。本手册涵盖了 ...通过本手册,读者可以全面了解 OpenLayers 的所有类和方法,快速掌握 OpenLayers 库的使用。

    OpenLayers v5.3.0 release

    4. **例子(Examples)**:压缩包中的"examples"目录包含了各种示例代码,展示如何使用OpenLayers创建不同类型的地图应用。这些实例是学习和理解库功能的好资源,涵盖了从基本的地图加载到复杂交互的各种场景。 5. ...

    openlayers使用imageCanvas加载矢量元素

    OpenLayers 是一个强大的开源JavaScript库,用于在Web浏览器中创建交互式的地图应用。它支持多种数据源和图层类型,包括矢量数据。在OpenLayers中,你可以利用`ImageCanvas`策略来动态加载和渲染矢量元素。这种方法...

    openlayers

    同时,了解GIS基础知识,如地理坐标系、投影转换等,将有助于更深入地使用OpenLayers。 总的来说,OpenLayers 是一个功能强大且灵活的开源库,对于JavaEE开发者而言,掌握OpenLayers意味着能够创建功能丰富的地图...

    OpenLayers

    下面将详细介绍OpenLayers的基础知识,以及如何开始使用它。 ### 1. OpenLayers 概述 OpenLayers 提供了一种简单的方式来在网页中集成地图功能。它支持多种地图源,包括谷歌地图、必应地图、雅虎地图等,同时也...

    openlayers 风场渲染效果

    openlayers 风场渲染效果,放置风场数据即可使用

    openlayers典型例子展示

    OpenLayers提供了记录上次操作历史的功能,用户可以使用记录上次操作历史来查看之前的操作记录,例如查看之前的查询记录、编辑记录等。这种功能非常实用,例如在灾害监测、城市规划等领域。 十二、 标签 ...

Global site tag (gtag.js) - Google Analytics