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
- 浏览 1346
- 评论(1)
- 论坛回复 / 浏览 (1 / 2574)
- 查看更多
相关推荐
QGis加载openlayers_plugin-2.0.0插件后,可增加在线地图的图层,包括:OpenStreetMap、GoogleMaps、Bing Maps、OSM/Stamen、Wikimedia Maps、OSM/Thunderforest、AppleMaps等
使用openlayers加载离线地图实例,可通过mui打包成app。简单,易上手
使用TileCache配合OpenLayers 4 openlayers如何准确测距 9 openlayers简单实用例子 9 关于TileCache函数 13 openlayers 有函数说明的类图 14 go 14 Maker 一多,客户端就死掉 15 OpenLayers 怎么实现 AJAX 16 open...
OpenLayers作为业内使用*为广泛的地图引擎之一,已被各大GIS厂商和广大WebGIS二次开发者采用。借助OpenLayers强大的扩展功能,可以实现与各个不同的WebGIS平台产品相结合,开发出各具特色的WebGIS应用系统。 本书...
openlayers使用imageCanvas加载矢量元素
OpenLayers作为业内使用最为广泛的地图引擎之一,已被各大GIS厂商和广大WebGIS二次开发者采用。借助OpenLayers强大的扩展功能,可以实现与各个不同的WebGIS平台产品相结合,开发出各具特色的WebGIS应用系统。 本书...
使用openlayers展示对象的移动轨迹
Openlayers扩展插件ol-ext ,2022年4月版本
OpenLayers OpenLayers Beginner's Guide
openlayers很多特效demo openlayers很多特效demo openlayers很多特效demo
本资源引用了openlayers5,jQuery。popup是openlayers的经常使用的功能。
OpenLayers作为业内使用最为广泛的地图引擎之一,已被各大GIS厂商和广大WebGIS二次开发者采用。借助OpenLayers强大的扩展功能,可以实现与各个不同的WebGIS平台产品相结合,开发出各具特色的WebGIS应用系统。 本书...
openLayers的缩放级别
使用openlayers3实现动态点闪烁功能,结合canvas技术,加载到点到地图上
openlayers开发工具 openlayers api openlayers openlayers api 开发工具 支持多种地图加载展示
openlayers3 热力图
在手写openlayers6 绘制扇形及环形源码的过程中会摘取openlayers中的核心逻辑,简化代码实现过程,保留核心功能,例如:vue3接入openlayers openlayers绘制环形 openlayers绘制扇形 适合人群:具备一定编程基础,...
花了好长时间弄了一套GeoServer Openlayers GlobalMapper,本来还有mapinfo的技术,由于写文档太累了,所以没写上去,如果帮的上忙,我荣幸之至。分贵点希望大家原谅。里面东西很多,我觉得物有所值。不分个上传骗分...
一个Vue与Openlayers结合的应用示例,以组件的方式在Vue中使用openlayers地图,以及可以进行简单的地图配置
关于openlayers开发的一个中文手册,供大家学习。