- 浏览: 170597 次
- 性别:
- 来自: 西安
文章分类
- 全部博客 (163)
- POI (8)
- Collection容器 (1)
- java.util (2)
- java调用批处理 (1)
- xml (1)
- jfreechart (3)
- SVN (1)
- tomcat中文 (1)
- jquery (6)
- Log4j (1)
- ppt (1)
- js (48)
- ss (1)
- 综合 (1)
- Spring (2)
- 数据库 (6)
- tomcat (1)
- commons-lang包使用 (1)
- AJAX【Jquery】 (3)
- RMI (2)
- OpenLayers (25)
- html (20)
- css (25)
- Google地图 (2)
- java (1)
- Ibatis (1)
- GoogleMaps (1)
- J2EE (2)
- 软件设计 (1)
- 服务器 (1)
- html5 (4)
- cursor (1)
- AngularJs (5)
- 缓存 (1)
- 构建 (2)
- 域名、空间、服务器 (1)
为地图添加绘制点、线、面步骤:
1、无可厚非对地图进行操作首先要添加map对象,以后将不再提示默认添加加map对象。
2、定义地图服务(在例子中定义了两个图层,一个wms图层,一个是矢量图层vectors)
3、定制标绘地图操作对象contros。
4、将地图图层添加到map的图层容器中。
5、将标绘操作对象添加到map的操作容器中
6、将地图缩放到全图范围内。(注意如果不调用这个代码,地图将不显示出来,而且拖动地图时还会报错,务必添加map.zoomToMaxExtent();)
7、激活标绘操作对象。controls.activate();
到此可以在地图上正常标绘了。
<span style="color:#FF0000;">注意:如果在标绘的时候如果不希望地图拖动可以调用
controls.handler.stopDown = true;
controls.handler.stopUp = true;</span>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" href="skin.css" type="text/css">
<script src="../lib/OpenLayers.js"></script>
<script type="text/javascript">
var map,vectors,controls;
function init(){
map = new OpenLayers.Map("map");
var wms = new OpenLayers.Layer.WMS("world","http://vmap0.tiles.osgeo.org/wms/vmap0?",{layers:'basic'});
vectors = new OpenLayers.Layer.Vector("Vector Layer");
controls = new OpenLayers.Control.DrawFeature(vectors,OpenLayers.Handler.Point);
map.addLayers([wms,vectors]);
map.addControl(controls);
map.zoomToMaxExtent();
controls.activate();
}
</script>
</head>
<body onload="init()">
<div id="map" class="smallmap"></div>
</body>
</html>
1、无可厚非对地图进行操作首先要添加map对象,以后将不再提示默认添加加map对象。
2、定义地图服务(在例子中定义了两个图层,一个wms图层,一个是矢量图层vectors)
3、定制标绘地图操作对象contros。
4、将地图图层添加到map的图层容器中。
5、将标绘操作对象添加到map的操作容器中
6、将地图缩放到全图范围内。(注意如果不调用这个代码,地图将不显示出来,而且拖动地图时还会报错,务必添加map.zoomToMaxExtent();)
7、激活标绘操作对象。controls.activate();
到此可以在地图上正常标绘了。
<span style="color:#FF0000;">注意:如果在标绘的时候如果不希望地图拖动可以调用
controls.handler.stopDown = true;
controls.handler.stopUp = true;</span>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" href="skin.css" type="text/css">
<script src="../lib/OpenLayers.js"></script>
<script type="text/javascript">
var map,vectors,controls;
function init(){
map = new OpenLayers.Map("map");
var wms = new OpenLayers.Layer.WMS("world","http://vmap0.tiles.osgeo.org/wms/vmap0?",{layers:'basic'});
vectors = new OpenLayers.Layer.Vector("Vector Layer");
controls = new OpenLayers.Control.DrawFeature(vectors,OpenLayers.Handler.Point);
map.addLayers([wms,vectors]);
map.addControl(controls);
map.zoomToMaxExtent();
controls.activate();
}
</script>
</head>
<body onload="init()">
<div id="map" class="smallmap"></div>
</body>
</html>
发表评论
-
Opanlayers用LineString画多边形
2014-09-24 00:26 1245<!DOCTYPE html> <htm ... -
OpenLayers地图联动
2014-09-23 22:27 975地图联动 -
OpenLayers 选中元素弹框
2014-05-25 23:26 2409写道 http://www.openlayers.org ... -
困扰我的关于OpenLayers的问题终于解决了:
2014-04-15 13:45 1655原因: 添加标记的时候需要加上中扩号-> map.ad ... -
OpenLayers结合Googlemaps中的Tips
2014-04-01 21:29 1353<%@ page language="ja ... -
改变OpenLayers缩放工具条位置以及大小
2014-03-25 23:49 1542<script type="text/ ... -
geometry类和feature类
2013-10-17 02:14 1250我们上面的章节一直使用的都是feature,但是featur ... -
OpenLayers基底图层和叠加图层区别
2013-10-17 00:24 4828OpenLayers有多个不同的图层类,每一个都可以连接到不同 ... -
OpenLeyers矢量图层及矢量元素整合操作
2013-10-14 00:43 1645<%@ page language="java ... -
设置地图缩放控件位置
2013-10-13 22:53 1012map.addControl(new OpenLayers.C ... -
控制地图与div的占据区域【目标:让地图默认占满展现区】
2013-10-13 22:48 1019方法: 设置map的options,由其中两个因 ... -
获取OpenLayers画图控件画过的图形顶点
2013-10-13 04:18 1828在你使用画图工具画图的时候,画的图会作为你的vlayer的一个 ... -
包含多个图层、缩放条、工具条、鼠标位置、弹出窗口
2015-04-10 01:09 1492<style type="text/css ... -
OpenLayers例子解析
2013-09-22 01:26 3152抽点时间从OpenLayers官方网站上找些例子具体解释一下M ... -
鼠标点击添加标记
2013-09-22 00:58 2026//点击一个标注按钮的事件,该方法的作用就是启用添加标注事件 ... -
Maker-shadow
2013-09-22 00:30 857<%@ page language="jav ... -
Marker(mousedown)
2013-09-22 00:29 867<%@ page language="jav ... -
OpenLayers>Marker>events(click/mousedown)【地图中标记的事件】
2013-09-22 00:19 2055<%@ page language="jav ... -
OpenLayers创建地图
2015-04-10 01:09 605<html> <head> <m ... -
OpenLayers画多边形
2013-09-19 18:54 2824<!DOCTYPE html> <htm ...
相关推荐
openlayers地图重点属性摘录,适合初学者,开发中查看方便
OpenLayers地图要素tooltip[文字提示],对要素进行动态提示
openlayers 加载天地图示例
openlayers3以上版本,地图中选择要素后自定义右键功能
使用openlayers加载离线地图实例,可通过mui打包成app。简单,易上手
openlayers 调用百度地图
可直接运行,简易的openlayers发布离线瓦片数据的DEMO,压缩包中包含了一部分地区的街道地图瓦片数据。
openlayers地图.rar
离线地图的比较,百度地图离线,天地图,openlayers地图
webgis开发,文件里包含用openlayers3加载百度地图、天地图、高德地图、google地图等源代码,很全很实用。
OpenLayers3加载谷歌地图,加载谷歌地图显示,实现效果很好,放大比例尺也能看得清楚。文章链接:https://blog.csdn.net/Gary_888/article/details/89914290
openlayers 4.2 加载百度地图(在线 离线) 高德地图(在线 离线)
基于openlayers 3开发代码,配合太乐地图下载离线地图使用
OpenLayers地图加入google图层 OpenLayers google layer 自己可以用google账号登录申请特定域名的地图key.
OpenLayers 3 地图框选 Draw 画多边形 Polygon 获取坐标
使用openlayers5加载天地图影像,可以供参考使用,希望可以改进代码,重新使用。
1,openlayers3 +geosever2.13.1,加载shp 图层组。 2,绘制点闪烁、扩散、动画
NULL 博文链接:https://ruanqiangbeyond201208043532.iteye.com/blog/2119768
webgis之OpenLayers地图使用教程合集_极品
在Threejs中嵌入Openlayers地图 快速开始 npm install npm run start 说明 实现了在Threejs场景中添加Openlayers地图 Openlayers地图元素作为Threejs的css3d对象置入scene 在平移、缩放、旋转操作时,保持该css3d...