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用前面一种方法,这样比较容易控制。
分享到:
- 2008-09-18 16:52
- 浏览 1386
- 评论(1)
- 论坛回复 / 浏览 (1 / 2616)
- 查看更多
相关推荐
QGis加载openlayers_plugin-2.0.0插件后,可增加在线地图的图层,包括:OpenStreetMap、GoogleMaps、Bing Maps、OSM/Stamen、Wikimedia Maps、OSM/Thunderforest、AppleMaps等
在“使用openlayers加载离线地图实例”中,我们需要考虑以下关键步骤: 1. **设置HTML结构**:首先,创建一个HTML文件作为应用的基础,引入OpenLayers库和其他必要的CSS和JavaScript资源。确保OpenLayers库的路径...
使用上面的`baiduSource`创建一个OpenLayers图层: ```javascript var baiduLayer = new ol.layer.Image({ source: baiduSource }); ``` 6. **设置地图和视图**: 创建`ol.Map`实例,并设置视图的中心点和...
- **瓦片(Tiles)**:OpenLayers可以使用瓦片服务来提高地图加载速度,将大地图分割成小块加载。 2. **OpenLayers的使用步骤**: - **引入库文件**:在HTML文件中添加OpenLayers库的链接。 - **创建Map对象**:...
OpenLayers作为业内使用*为广泛的地图引擎之一,已被各大GIS厂商和广大WebGIS二次开发者采用。借助OpenLayers强大的扩展功能,可以实现与各个不同的WebGIS平台产品相结合,开发出各具特色的WebGIS应用系统。 本书...
在命令行中,你可以使用npm(Node Package Manager)来安装OpenLayers库: ```bash npm install ol ``` 接下来,创建一个Vue组件,如`Map.vue`,在这个组件中引入OpenLayers并设置地图的基本结构。Vue组件通常包含...
解析XML在OpenLayers中通常使用JavaScript的内置DOM解析器,例如`document.createElement`, `getElementsByTagName`, `getAttribute`等方法,或者使用jQuery等库简化操作。 关于OpenLayers的popup(弹窗),可以...
OpenLayers作为业内使用最为广泛的地图引擎之一,已被各大GIS厂商和广大WebGIS二次开发者采用。借助OpenLayers强大的扩展功能,可以实现与各个不同的WebGIS平台产品相结合,开发出各具特色的WebGIS应用系统。 本书...
这需要使用OpenLayers的动画功能和定时器。在每个时间步长,更新地图的视图以移动到下一个轨迹点。 至此,我们就成功地用OpenLayers展示了对象的移动轨迹。这个过程涉及到地图的初始化、数据加载、图层创建、样式...
OpenLayers作为业内使用最为广泛的地图引擎之一,已被各大GIS厂商和广大WebGIS二次开发者采用。借助OpenLayers强大的扩展功能,可以实现与各个不同的WebGIS平台产品相结合,开发出各具特色的WebGIS应用系统。 本书...
在本项目中,“vue3版openlayers基础脚手架”是一个使用Vue3框架构建的Web应用程序,它专门用于展示和操作二维地图。OpenLayers是一个强大的开源JavaScript库,它允许开发者在网页上创建交互式地图,支持多种数据源...
OpenLayers 是一个强大的开源JavaScript库,用于在网页上创建交互式的地图应用。它支持多种地图服务,包括WMS、WMTS等,并且能够处理多种数据格式,如GeoJSON、KML等。"openlayers很多特效demo" 提供了一系列示例,...
OpenLayers 手册 OpenLayers 是一个功能强大的开源 JavaScript 库,用于创建交互式地图应用程序。本手册涵盖了 ...通过本手册,读者可以全面了解 OpenLayers 的所有类和方法,快速掌握 OpenLayers 库的使用。
4. **例子(Examples)**:压缩包中的"examples"目录包含了各种示例代码,展示如何使用OpenLayers创建不同类型的地图应用。这些实例是学习和理解库功能的好资源,涵盖了从基本的地图加载到复杂交互的各种场景。 5. ...
OpenLayers 是一个强大的开源JavaScript库,用于在Web浏览器中创建交互式的地图应用。它支持多种数据源和图层类型,包括矢量数据。在OpenLayers中,你可以利用`ImageCanvas`策略来动态加载和渲染矢量元素。这种方法...
同时,了解GIS基础知识,如地理坐标系、投影转换等,将有助于更深入地使用OpenLayers。 总的来说,OpenLayers 是一个功能强大且灵活的开源库,对于JavaEE开发者而言,掌握OpenLayers意味着能够创建功能丰富的地图...
下面将详细介绍OpenLayers的基础知识,以及如何开始使用它。 ### 1. OpenLayers 概述 OpenLayers 提供了一种简单的方式来在网页中集成地图功能。它支持多种地图源,包括谷歌地图、必应地图、雅虎地图等,同时也...
openlayers 风场渲染效果,放置风场数据即可使用
OpenLayers提供了记录上次操作历史的功能,用户可以使用记录上次操作历史来查看之前的操作记录,例如查看之前的查询记录、编辑记录等。这种功能非常实用,例如在灾害监测、城市规划等领域。 十二、 标签 ...