OpenLayers
关注
分享
扫一扫
文章平均质量分 57
iteye_11116
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
OpenLayers网址收藏
http://blog.sina.com.cn/s/blog_3dbf03df01008uu3.htmlhttp://www.cnblogs.com/marsprj/archive/2013/02/18/2915602.html http://readwrite.com/2010/03/24/google_maps_api_gets_elevation#awesm=~oiLiZxc...原创 2013-09-06 03:20:27 · 146 阅读 · 0 评论 -
OpenLeyers矢量图层及矢量元素整合操作
在web地图上创建矢量图层，并在矢量图层上绘制元素 .smallmap{ height: 300px; width: 600px; border: 1px solid gray; } #positionid{ width: 600px; text-align: right; }var map;var ...原创 2013-10-14 00:43:19 · 237 阅读 · 0 评论 -
OpenLayers基底图层和叠加图层区别
OpenLayers有多个不同的图层类，每一个都可以连接到不同的地图服务器。例如通过Layer.WMS类可以连接到WMS地图服务器，通过Layer.Google类可以连接到谷歌地图服务器。OpenLayers中的每个图层都是独立的，对一个的操作不会影响到另外一个。不管地图应用的目的是什么，一个有用的地图至少需要有一个图层，至少一个基底图层。其他基底图层之上的图层称之为叠加图层。基底图层和叠加图...原创 2013-10-17 00:24:30 · 1628 阅读 · 0 评论 -
geometry类和feature类
我们上面的章节一直使用的都是feature，但是feature，中有个非常重要的属性就是geometry对象，他保存着对象的事件形态，就是我们vectorLayer上显示的几何图形。eg 我们要创建一个Feautre，里面会包装一个Featurevar feature_point = new OpenLayers.Feature.Vector({new OpenLayers.Geo...原创 2013-10-17 02:14:39 · 1862 阅读 · 0 评论 -
改变OpenLayers缩放工具条位置以及大小
<script type="text/javascript"> var map, layer; function init(){ map = new OpenLayers.Map( 'map' ); layer = new OpenLayers.Layer.WMS( "OpenLayers ...原创 2014-03-25 23:49:13 · 2932 阅读 · 0 评论 -
OpenLayers结合Googlemaps中的Tips
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html ><html><head><meta http-equiv="Content-Typ2014-04-01 21:29:25 · 183 阅读 · 0 评论 -
困扰我的关于OpenLayers的问题终于解决了:
原因： 添加标记的时候需要加上中扩号-> map.addLayers([markers]);var lon = 107.5781;var lat = 36.8796;var zoom = 2;var map, layer,gmap,markers;var objMouse;var options = {projection: new OpenLayers.P...原创 2014-04-15 13:45:06 · 4534 阅读 · 0 评论 -
OpenLayers 选中元素弹框
写道http://www.openlayers.org/dev/examples/select-feature-openpopup.html <!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf...原创 2014-05-25 23:26:47 · 656 阅读 · 0 评论 -
Opanlayers用LineString画多边形
<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-w原创 2014-09-24 00:26:45 · 503 阅读 · 0 评论 -
OpenLayers创建地图
Insert title here var map = null; function init(){ var options = { controls:[new OpenLayers.Control.KeyboardDefaults...原创 2015-04-10 01:09:26 · 460 阅读 · 0 评论 -
设置地图缩放控件位置
map.addControl(new OpenLayers.Control.PanZoomBar({ position: new OpenLayers.Pixel(2, 15)//（右边距，上边距） }));原创 2013-10-13 22:53:25 · 1129 阅读 · 0 评论 -
控制地图与div的占据区域【目标：让地图默认占满展现区】
方法： 设置map的options，由其中两个因素决定：maxExtent－最大地图边界；maxResolution－最大解析度。 当maxExtent设置为地图的最大边界后，maxResolution设置为auto，那地图就占满DIV。 var options = { controls: [], maxExtent...原创 2013-10-13 22:48:27 · 371 阅读 · 0 评论 -
创建OpenLayers地图步骤
为地图添加绘制点、线、面步骤： 1、无可厚非对地图进行操作首先要添加map对象，以后将不再提示默认添加加map对象。 2、定义地图服务（在例子中定义了两个图层，一个wms图层，一个是矢量图层vectors） 3、定制标绘地图操作对象contros。 4、将地图图层添加到map的图层容器中。 5、将标绘操作对象添加到map的操作容器中 6、将地图缩放到全图范围内。...原创 2013-10-13 10:51:43 · 223 阅读 · 0 评论 -
OpenLayers.Layer.Vector及OpenLayers.Feature.Vector
OpenLayer : Feature Select var map = null; var wms_url = "http://wms.jpl.nasa.gov/wms.cg";//http://wms.jpl.nasa.gov/wms.cg var wms_version = "1.3.0"; var ...原创 2013-09-07 18:42:40 · 723 阅读 · 0 评论 -
OpenLayers显示本地图片
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><%@ page isELIgnored ="true" %><% String path = request.getContextPath(); String原创 2013-09-14 04:09:42 · 1172 阅读 · 0 评论 -
OpenLayers调用google Map
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":&quo原创 2013-09-18 03:57:55 · 216 阅读 · 0 评论 -
OpenLayers画多边形
<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="widt原创 2013-09-19 18:54:35 · 787 阅读 · 0 评论 -
OpenLayers>Marker>events(click/mousedown)【地图中标记的事件】
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":&quo原创 2013-09-22 00:19:23 · 919 阅读 · 0 评论 -
Marker(mousedown)
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":&quo原创 2013-09-22 00:29:05 · 170 阅读 · 0 评论 -
Maker-shadow
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":&quo原创 2013-09-22 00:30:33 · 124 阅读 · 0 评论 -
鼠标点击添加标记
//点击一个标注按钮的事件,该方法的作用就是启用添加标注事件var map_onclick;function enable_click(){map_onclick = new OpenLayers.Control.Click(); map.addControl(map_onclick); map_onclick.activate();} //...原创 2013-09-22 00:58:50 · 712 阅读 · 0 评论 -
OpenLayers例子解析
抽点时间从OpenLayers官方网站上找些例子具体解释一下Map、Vector、Feature类的简单用法。有些东西是自己工作经验的理解，没完全按英文解释来理解，希望不会对大家造成误解。工作太忙，以后又时间和精力就不断地解释点，目前有100多个例子呢。以下程序拷到本机应该就能直接应用，我是在Geoserver中运转地 <html xmlns="http://www.w3.org/1999/...原创 2013-09-22 01:26:05 · 266 阅读 · 0 评论 -
获取OpenLayers画图控件画过的图形顶点
在你使用画图工具画图的时候，画的图会作为你的vlayer的一个feature，这时你只要调用vlayer.features 可以得到你的vlayer上的所有feature数组。这个feature根据提供的api文档,他是一个OpenLayers.Feature.Vector类型，转到该类型下会看到他有一个geometry属性，该属性返回一个OpenLayers.Geometry对象，该对象下有一个...原创 2013-10-13 04:18:39 · 359 阅读 · 0 评论 -
包含多个图层、缩放条、工具条、鼠标位置、弹出窗口
<style type="text/css"> #map { width: 640px; height: 475px; border: 1px solid black; } .olControlPanel div { di...原创 2015-04-10 01:09:38 · 189 阅读 · 0 评论