【使用OpenLayers3 添加地图鼠标右键菜单】教程文章相关的互联网学习教程文章

javascript – 如何重新投影图层(使用GeoServer和OpenLayers)以覆盖谷歌地图【代码】

我正在使用OpenLayers编写代码.在此代码中,我想以不同的缩放级别显示不同的图层.到此为止,一切正常.当我尝试将谷歌地图添加为基础层时,我的问题就出现了.我的图层投影系统与Google图层不一致,因此应该重新投影.我尝试使用Proj4js.transform方法,但它没有用.我的图层位于EPSG:3006(瑞典),Google图层位于EPSG:900913.以下代码导致投影图层向右移动.这意味着重新投影不能正常工作.请告诉我我的代码有什么问题.<!DOCTYPE HTML PUBLIC...

javascript – 如何在OpenLayers的一个地图中使用带有lat-lon图层的Mapnik-Backgroundlayer?

我有一个使用OpenLayers的map-client的应用程序.我想使用Mapnik-data作为背景层,如OpenLayers.Layer.OSM.Mapnik类提供的那样.为此,我必须切换到EPSG:900913投影.但我也希望显示一些图层,我只能在EPSG中请求:4326.我可以使用OpenLayers将两个图层与一个地图中的不同投影合并,我该怎么做?解决方法:如果您的图层是矢量(WFS,KML,GeoRSS等),那么您可以在浏览器中使用OpenLayers重新投影它们. http://docs.openlayers.org/library/sph...

javascript – OpenLayers 3删除功能不会从地图中删除该功能【代码】

非常感谢以下问题的任何和所有帮助: 我使用openlayers 3来绘制多边形.我想要实现的目标如下 – 当开始绘制一个新的多边形时 – 从地图中删除任何现有的多边形,这样一次只能绘制一个多边形.然而,会发生的是,功能(多边形)仅从内存中删除,但仍然在地图上保持可见. 这个jsfiddle演示了这个问题:http://jsfiddle.net/jp4dojwu/ 如您所见,onDrawStart我首先清除tempVectorSource(绘制多边形的位置,因为featureOverlay.source === tempV...

javascript – OpenLayers 3中的层切换【代码】

我有一个问题,我需要在我的Web应用程序中更改地图图层(显示的地图图块). 我的HTML中有这个<div id="map"></div><select onchange="changeMap()"><option value="BingSat">Bing Sat</option><option value="BingRoad">Bing Road</option><option value="OSM">OSM</option><option value="MapquestSat">Mapquest Sat</option><option value="MapQuestRoad">MapQuest Road</option> </select> 这就是我到目前为止在JavaScript中所拥有...

javascript – 如何使用Openlayers文本层编辑弹出窗口【代码】

我正在使用Openlayers创建一个大约1000点的地图.目前,当我点击一个点的图标时,该点的描述会显示在弹出窗口中,要退出弹出窗口,我需要再次点击同一个点的图标.有没有办法修改代码,以便我可以按一个关闭按钮或我可以点击地图上的任何地方,以便这个弹出窗口将再次关闭?我知道有一种方法,如果我只是使用常规弹出窗口,但我使用的是Openlayers.layer.text图层.var pois = new OpenLayers.Layer.Text( "Frequencies",{ location:"./freque...

javascript – OpenLayers映射行不对齐【代码】

我得到了这个OpenLayers项目,我需要使用本地地图服务. 我遇到的问题:(截图)http://tinypic.com/r/x38oq1/6 这对我来说本身就是一个谜,因为即时通讯在空白网页上使用100%相同的代码进行测试(空白页面只是一个页面上只有地图)并且工作得很好! (截图:http://tinypic.com/r/20zyxxh/6) 我正在使用OpenLayers 10.12(7月26日最新稳定版)我也在使用带有bootstrap twitter的codeigniter框架. 如果我使用与指南/教??程相同的地图服务器,地...

javascript – 在OpenLayers 3中将功能从一个位置移动到另一个位置【代码】

如何将矢量要素从地图上的一个位置移动到另一个位置? 我有以下生成(0.0,0.0)的图标:var iconFeature = new ol.Feature({geometry: new ol.geom.Point([0.0,0.0]) });var iconStyle = new ol.style.Style({image: new ol.style.Icon(({anchor: [0.5, 46],anchorXUnits: 'fraction',anchorYUnits: 'pixels',opacity: 0.75,src: 'marker-icon.png'})) });iconFeature.setStyle(iconStyle);这工作正常,但我现在如何将其移动到另一个位...

javascript – 如何阻止OpenLayers加载firebug lite【代码】

当我开始使用OpenLayers时,console.log停止工作,我一直在chrome终端中收到此错误.GET http://127.0.0.1/my/private/dir/undefined/firebug.html 404 (Not Found)起初我没有意识到它是OL所以我卸载了firebug lite插件.然后我检查了OL源,发现它在哪里注入firebug.y=document.createElement("iframe");y.setAttribute("src",o+"/firebug.html");除了修改源之外,有没有办法阻止OL执行此操作.此外,它覆盖了window.console解决方法:我遇到...

javascript – 如何在OpenLayers上单击标记【代码】

我只是使用openlayer制作地图 我用自己的自制在OpenLayers制作了一张地图 但令我困惑的是,我无法将jQuery与OpenLayers集成,我在这里创建了一个简单的jQuery show / hide()函数 我试图点击我在OpenLayers地图中的一个标记,它在div#map OpenLayers中有id#OL_Icon_43,我试图在< head>中使用jquery来执行函数hide().标签会隐藏标签#map之外的标签,但这对我不起作用 你能帮我吗 ? 这是我制作jquery代码的视图:$(document).ready(funct...

javascript – 如何从OpenLayers.Control.DrawFeature获取积分【代码】

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" debug="true"><head><title>Mapping project</title> <link rel="stylesheet" href="default/style.css" type="text/css"> <link rel="stylesheet" href="example/style.css" type="text/css"> <script src="js/jquery-1.8.2.js"></script> <script src="OpenLayers/OpenLayers.js"></script> <script type="text/javascript">var fromProjection = new OpenLayers.Pr...

javascript – OpenLayers功能仅在鼠标moveend后重绘【代码】

在这种情况下,我使用OpenLayers 2.10的地图控件.在地图上我有基础层这是具有自定义功能的OpenLayers.Layer.OSM和OpenLayers.Layer.Vector.现在,当我使用鼠标移动地图时,以前不可见的功能将不会重新绘制,直到释放鼠标按钮.我在所有OpenLayers示例中都注意到了同样的问题.任何人都可以提供某种改变这种行为的工作吗?我想要实现的是在功能变得可见之后立即绘制功能或者总是绘制所有功能(我使用少量功能,因此地图控制的性能并不重要)....

javascript – OpenLayers3 – 动画.fit在特定范围内【代码】

我使用OpenLayers3创建了一个地图.我可以使用以下代码成功缩放到地图上的图层:map.getView().fit(extent, map.getSize());然而,我喜欢用动画方式类似的东西. 我知道以下动画:ol.animation.pan ol.animation.zoom通过使用这些我无法缩放到一个图层,使用ol.animation.pan我只能平移到一个点(而不是一个边界框)并使用ol.animation.zoom我可以缩放到一个分辨率(而不是一个分辨率)外接矩形框).所以我正在寻找的是一个动画.fit,所以我可...

JAVASCRIPT - 技术教程分类
JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语... JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JavaScript Window JavaScript Window Location JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JavaScript 库 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 javascript 全部