Overlay 从名字看,是覆盖图、覆盖物的意思,主要的用途就是在地图之上再覆盖一层,用以显示额外的可见元素,可见元素一般是 HTML 元素,利用 overlay,可以将可见元素放置到地图的任意位置,形成地图上再浮动一层的效果。例如在地图上相应的坐标放置一个标志,标签,利用 overlay ...
转载
2017-04-26 10:54:00
229阅读
2评论
HTML关键代码:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
原创
2022-01-13 17:32:09
1286阅读
AMapSource.jsol.source.AMap = function(options){ var options = options ? options
原创
2022-01-13 17:37:33
1491阅读
实现OpenLayers3(http://openlayers.org)版本号的动态标绘API。眼下1.0版本号,仅支持简单符号绘制。在线体验地址:http://gispace.duapp.com/plot4ol3演示样例代码下载: 点击进入下载页演示样例代码例如以下:var map, plotDr
转载
2017-04-15 17:51:00
370阅读
2评论
controls: ol.control.defaults().extend([new ol.control.ZoomToExte
原创
2022-08-21 00:17:51
132阅读
BaiduMapSource.js/** * 加载百度地图 * @returns {ol.layer.Tile} */function loadBaiduMap() { //数据源信息 var attribution = new ol.Attribution({ html: 'Copyright:© 2015 Baidu, i-cubed...
原创
2022-01-13 17:32:36
1693阅读
文章目录蓝奏云:css,js一个简单的地图地图导航:成都限制地图缩放级别矢量地图 蓝奏云:css,jshttps://rod.lanzous.com/b0dkhjbfg一个简单的地图这个div一定要加width,height,不然显示不出来<div id="map" style="width: 100%;height: 400px"></div><!Doctyp
转载
2024-05-06 22:26:09
36阅读
概述:本节讲述如何在Ol3中加载wms图层并显示到地图中。 Ol3下载:你可以在OL官网去下载,下载地址为http://openlayers.org/download/,也可以去我的百度云盘下载,下载地址为http://pan.baidu.com/s/1o6wwHTo。官网上的最新版本为3.6.0,我的网盘的版本为3.0.0,不过官网上的链接好像是失效的。 OL3必须资源引入:OL3必须引
转载
2017-06-09 17:15:00
130阅读
2评论
概述:本节重点讲述OpenLayers3中Popup的调用时实现,OL3改用Overlay取代OL2的Popup功能。接口简单介绍:overlay跟ol.control.Control一样,是一个可见的窗体,可是不和Control一样,不是固定在地图区域的某个部分,而是显示在一个地图坐标上,随着地图的移动或者缩放而移动的。其调用方式例如以下:var popup = new ol.Overlay({
转载
2017-06-07 14:06:00
171阅读
2评论
http://blog.csdn.net/gisshixisheng/article/details/46794813 概述: 本节重点讲述OpenLayers3中Popup的调用时实现,OL3改用Overlay代替OL2的Popup功能。 接口简介: overlay跟ol.control.Cont
转载
2017-06-09 17:20:00
240阅读
http://blog.csdn.net/gisshixisheng/article/details/46808647 概述: 本节主要讲述OL3的交互操作interaction,重点介绍draw,select以及modify。 接口说明: OL3的interaction继承自ol.interact
转载
2017-06-09 17:21:00
244阅读
概述:本文讲述的是Ol3中的control的介绍和应用。 OL2和OL3 control比较:相比较Ol2的control,OL3显得特别少,下图分别为Ol2和Ol3的control:Ol2的controlOl3的control相比较Ol2,OL3保留了mouseposition,scaleline,zoom,zoomslider,而将很多东西例如draw等转移到了interaction下面,下图
转载
2017-06-09 17:18:00
157阅读
2评论
测试例子中,鼠标移动到单位标记上,可以弹出信息窗口,在窗口中显示单位名称。
通过openlayers,可以获得WFS图层的feature对 象,包括feature的属性feature.attributes对象和feature的空间feature.geometry对象。 feature.geometry对象提供多种属性和方法。需要注意的是feature.attributes对象,它包含了所有的属性
原创
2012-01-07 20:28:48
10000+阅读
var copyLayer = VectorLayer[i];copyLayer.getSource().removeFeature(feature);map.removeLayer(VectorLayer[i]);delete (VectorLayer[i]);VectorLayer[i] = copyLayer;map.addLayer(VectorLayer[i]);map.up...
原创
2022-01-11 18:09:53
5493阅读
var point1 = new OpenLayers.Geometry.Point(106,29.15);
var myObj =
{
'deviceId': 101, &nbs
原创
2012-01-07 20:35:32
1146阅读
OpenLayers3基础教程——OL3基本概念从本节开始,我会陆陆续续的更新有关OL3的相关文章——OpenLayers3基础教程,欢迎大家关注我的博客,同时也希望我的博客能够给大家带来一点帮助。 概述: OpenLayers 3对OpenLayers网络地图库进行了根本的重新设计。版本2虽然被广泛使用,但从JavaScript开发的早期发展阶段开始,已日益现实出它的落后。 OL3已运用现代的设
转载
2017-06-09 17:14:00
148阅读
2评论
随着终端设备计算能力的加强,用户在使用地图的时候也须要越来越多的交互效果。比方如今非常火的室内导航,为了获得好的用户体验,就须要当用户单击某一商店的时候该商店的颜色能对应的变化。这就须要叠加矢量图层。怎样能在瓦片地图之上叠加矢量图层呢,这个就须要用到WFS查询。 我的思路是:基于WFS查询把得到须要
转载
2016-04-09 12:03:00
155阅读
2评论
通过结合 HTML5 和 OpenLayers 可以组合成非常棒的一个地图网络拓扑图的应用,
原创
2023-08-09 21:34:40
130阅读