当前位置: 首页 > 编程日记 > 正文

OpenLayers 动态添加标记(Marker)和信息窗(Popup)

方式一:使用marker方式

1、在地图上添加标记图层

var markers =newOpenLayers.Layer.Markers("Markers");
map.addLayer(markers);//地图初始化添加

2、动态添加标记和Popup方法:

//add map initial method
map.events.register('click', this, function(e) {var LonLat=new OpenLayers.getLonLatFromPixel(e.xy);autoAddMarker(LontLat);OpenLayers.Event.stop(e); });//others methodfunction getIcon(){var size =newOpenLayers.Size(21,25);var offset =newOpenLayers.Pixel(-(size.w/2),-size.h);var icon =newOpenLayers.Icon('http://www.openlayers.org/dev/img/marker.png', size, offset);return icon;}function createPopup(marker,LonLat){var size=new OpenLayers.Size(200,120);var html="Lon:"+LonLat.Lon+"</br>Lat:"+LonLat.Lat;var popup=new OpenLayers.Popup(marker,LonLat,size,html,true);}function autoAddMarker(LontLat){var marker=newOpenLayers.Marker(LonLat,getIcon);var popup=createPopup(marker,LonLat);marker.events.register('click',this,function(){map.addPopup(popup,true);popup.show();});markers.addMarker(marker);}

3、事件触发,点击地图获得marker 及其信息窗口。

如果click不是OpenLayers.Events的register方法,就需要activate Click方法。

方式二:使用feature本身提供的特性

 //显示矢量信息'pointVectorLayer':new OpenLayers.Layer.Vector("加点图层", {eventListeners:{'featureselected':function(evt){var feature = evt.feature;if(myPopup) this.map.removePopup(myPopup);myPopup=createPopup(feature.point);feature.popup = myPopup;this.map.addPopup(myPopup);},'featureunselected':function(evt){var feature = evt.feature;this.map.removePopup(feature.popup);feature.popup.destroy();feature.popup = null;}}}),

 直接注册矢量层的事件,推荐使用第二种方式,它可以与整体弹出框的样式保持一致,都是popup类型的。

转载于:https://www.cnblogs.com/boonya/archive/2012/03/18/2404731.html

相关文章:

Bag标签之中的一个行代码实行中文分词实例2

例1&#xff1a; 分词&#xff08;返回以逗号隔开每一个词带上引號的词组。gap","&#xff0c;quotes""或quotes"&#xff09; 单引號 <bag idpPage act2words namewords gap"," quotes"">我喜欢黄色高领T恤衫</bag>…

学习资源:在线学习 Python(二)

背景 Python 是一种通用编程语言&#xff0c;其在科学计算和机器学习领域具有广泛的应用。如果我们打算利用 Python 来执行机器学习的代码&#xff0c;那么对 Python 有一些基本的了解就是至关重要的。 如果我们希望熟悉 Python 基本语法结构&#xff0c;但不希望在本地安装I…

Java培训完可以应用在什么领域

​ java技术在互联网行业一直都是非常有发展前景的&#xff0c;很多小伙伴都想知道“Java培训完可以应用在什么领域”这个问题&#xff0c;下面小编就来为大家做下详细的介绍。 Java培训完可以应用在什么领域?java的应用非常的广泛&#xff0c;可以用来在开发软件工具、嵌入式…

技术图文:Matlab VS. Numpy 矩阵基本运算

背景 前段时间在知识星球上立了一个Flag&#xff0c;至少写10篇关于 Python&#xff0c;Matlab 和 C# 对比的总结。 这是第 3 篇&#xff0c;对比 Matlab 与 Numpy 在矩阵基本运算方面的区别与联系。 虽然 Numpy 定义了 matrix 类型&#xff0c;使用该 matrix 类型创建的是矩…

Improve Performance and Reduce Memory with PVRTC Textures and Cocos2d

转载自&#xff1a;http://www.uchidacoonga.com/2011/07/pvrtc-textures-and-cocos2d/ Hello everyone! A few months have passed since I posted Simple Platformer Using Cocos2d and Box2d with Collision Detection. I have received many positive feedbacks and intere…

VDI序曲二十三 制作OFFICE 2003应用程序虚拟化序列

APP-V平台由三个重要组件构成&#xff1a;APP-V排序器、用于虚拟应用程序交付和管理的APP-V管理和流式处理服务器以及APP-V客户端。并且在虚拟环境中不会包含不必要的文件和设置&#xff0c;让IT管理员按需交付应用程序软件。 我们之前在一台干净的PC上做好了“捕获鸟笼”&…

零基础学Java程序有什么好的建议

​ java技术的快速发展&#xff0c;引起了很多人的关注&#xff0c;尤其是一些零基础人群&#xff0c;都想通过学习java技术来改善自己的职业&#xff0c;那么零基础学Java程序有什么好的建议呢?来看看下面的详细介绍。 ​  零基础学Java程序有什么好的建议? 1.选择对的书籍…

Numpy入门教程:12. 线性代数

背景 什么是 NumPy 呢&#xff1f; NumPy 这个词来源于两个单词 – Numerical和Python。其是一个功能强大的 Python 库&#xff0c;可以帮助程序员轻松地进行数值计算&#xff0c;通常应用于以下场景&#xff1a; 执行各种数学任务&#xff0c;如&#xff1a;数值积分、微分、…

Exchange 2010 移动邮箱时提示超过了目标配额

在使用 new-moveRequest 移动邮箱时&#xff0c;提示超过了目标配额。解决过程如下&#xff1a; 经查看&#xff0c;此邮箱配额为 3.826G ,由于邮箱实际比配额大&#xff0c;因此移动时出现下面的错误 找到该用户&#xff0c;邮箱设置&#xff0d;存储配额&#xff0c;最下面的…

什么是URL?协议头,路径和端口是什么意思?

URL(Uniform Resource Locator&#xff0c;统一资源定位符)是互联网上标准资源的地址&#xff0c;互联网上每个文件(即资源)都有一个唯一的URL&#xff0c;它包含了文件的位置以及浏览器处理方式等信息。 URL地址由协议头、服务器地址、文件路径三部分组成。比如&#xff0c;一…

技术图文:Matlab VS. Numpy 常见矩阵

背景 前段时间在知识星球上立了一个Flag&#xff0c;至少写10篇关于 Python&#xff0c;Matlab 和 C# 对比的总结。 这是第 4 篇&#xff0c;对比 Matlab 与 Numpy 中经常用到的各种矩阵&#xff0c;比如零矩阵、单位矩阵、全1矩阵、对角矩阵、均匀分布的随机矩阵、标准正态分…

CssGaga 快速上手指南

CssGaga是ytzong&#xff08;涛哥&#xff09;基于我们在朋友网日常的重构工作流程&#xff0c;为了提高工作效率而开发并不断完善起来的一个重构辅助工具。运行于Windows .NET的环境&#xff0c;提供了重构相关的一系列解决方案。最近越来越多的朋友通过腾讯微博、QQ和Email咨…

学习web前端开发要注意什么

web前端的发展前景有目共睹&#xff0c;越来越多的人都对web前端这门编程语言非常感兴趣&#xff0c;想要学习web前端技术&#xff0c;那么学习web前端开发要注意什么呢?大家在学习之前是否有做好这些功课呢?来看看下面的详细介绍吧。 学习web前端开发要注意什么? 1、任何技…

Nagios之事件处理

目标&#xff1a;实现在监控3306端口服务时,出现1次critical软状态时或者在上一次执行后没有成功后出现的第一次硬状态critical情况下&#xff0c;远程执行mysql重启服务,并且每次执行远程重启服务前把报告事件记录到DB中 牵涉技术&#xff1a; (1)Nagios事件处理原理 (2)Ssh无…

张孝祥javascript学习笔记1---HTMLCSS

本节摘要及说明&#xff1a;本节只是对学习过程中知识点的一个简单的记录。 <body>标签的属性 Text属性:用于设定整个网页中的文字颜色 link属性:用于设定一般超链接文本的显示颜色 alink属性&#xff1a;用于设定鼠标移动到超链接上时&#xff0c;超链接文本的显示颜色 …

技术图文:C# VS. Python 读取CSV文件指南

背景 CSV 是一种以逗号进行特征分隔的文本文件类型&#xff0c;在数据库或电子表格中是一种非常常见的导入导出格式。本篇图文就以泰坦尼克号船员获救预测&#xff08; Kaggle&#xff09;中使用的数据集为例来说明 C#、Python和Pandas 如何读取 CSV 数据的。 CSV原始文件如下…

零基础学软件测试去哪家培训机构好

移动互联网的时代&#xff0c;几乎每个人都是机不离手&#xff0c;手机软件的应用频率越来越高&#xff0c;软件测试这个岗位的发展前景更是非常可观&#xff0c;很多人都开始学习软测技术&#xff0c;想要知道零基础学软件测试去哪家培训机构好?来看看下面的详细介绍。 零基础…

技术图文:Numpy 一维数组 VS. Pandas Series

背景 Numpy 提供的最重要的数据结构是 ndarray&#xff0c;它是 Python 中 list 的扩展。 Pandas 提供了两种非常重要的数据结构 Series和DataFrame。 Numpy 中的一维数组与 Series 相似&#xff0c;一维数组只是提供了从0开始与位置有关的索引&#xff0c;而Series除了位置…

【Python】向函数传递任意数量的实参

传递任意数量的实参 有时候&#xff0c;你预先不知道函数需要接受多少个实参&#xff0c;好在Python允许函数从调用语句中收集任意数量的实参 def get_letter(*letters):for i in letters:print(i) get_letter(A,B,C,D,E)形参名*letters中的星号让Python创建一个名为letters的空…

word中插入下标

Word2007中为数字加上下标的几种方法&#xff1a; 一&#xff1a;通过插入>公式>>选择&#xff0c;通过此上下标。 二&#xff1a;写下数字&#xff0c;例如5&#xff0c;然后按ctrlshift号三个键&#xff0c;就可添加上标&#xff0c;按ctrl号两键&#xff0c;就可标…

手机应用软件测试的思路与要点

软件测试主要针对于移动互联网行业&#xff0c;那么APP等相关软件的测试工作是非常多的&#xff0c;尤其对于产品的手机项目(应用软件)&#xff0c;主要是进行系统测试。针对手机应用软件的系统测试&#xff0c;通常从如下几个角度开展&#xff1a;功能测试&#xff0c;兼容性测…

数据结构与算法:01 绪论

绪论 知识结构&#xff1a; 一、什么是数据结构 例1&#xff1a;电话号码薄的查询问题。 (a1,b1),(a2,b2),…,(an,bn)(a_1,b_1),(a_2,b_2),\dots,(a_n,b_n) (a1​,b1​),(a2​,b2​),…,(an​,bn​) aia_iai​&#xff1a;表示姓名&#xff0c;bib_ibi​&#xff1a;表示电话…

rar for linux缺少GLIBC_2.7

今天安装rar4.0 for linux&#xff0c;遇到了一个缺少GLIBC_2.7的问题&#xff0c;弄了好久才成功&#xff0c;记录一下&#xff0c;以备不时之需。 系统版本为CentOS 5.5。下载了rar4.0 for linux源码包&#xff0c;解压后&#xff0c;按照makfile文件的提示&#xff0c;进行安…

硅谷产学研的创新循环

在现代社会形态形成的几百年历史中&#xff0c;大学与产业界在分化的体制轨道中形成了各自不同的目标、结构和文化&#xff0c;有关大学与产业合作的种种争议无不缘自于此。今天当知识和技术逐步取代了自然资源和简单劳动力资源而成为首要的创造财富的源泉时&#xff0c;产业界…

java技术培训之File类中常用的构造方法

File类用于封装一个路径&#xff0c;这个路径可以是从系统盘符开始的绝对路径&#xff0c;如&#xff1a;“D:\file\a.txt”&#xff0c;也可以是相对于当前目录而言的相对路径&#xff0c;如&#xff1a;“src\Hello.java”。File类内部封装的路径可以指向一个文件&#xff0c…

数据结构与算法:02 C#语言基本语法结构

02 C#语言基本语法结构 知识结构&#xff1a; 1、数据类型 第一种分类&#xff1a; 简单数据类型&#xff1a;byte、short、int、long、float、double、char、bool组合数据类型&#xff1a;struct、enum、class、interface 类型描述byte无符号8位整型(ushort) short&#x…

积少成多 Flash(ActionScript 3.0 Flex 3.0) 系列文章索引

[源码下载]积少成多 Flash(ActionScript 3.0 & Flex 3.0) 系列文章索引作者&#xff1a;webabcdFlash 之 ActionScript 3.0 1、积少成多Flash(1) - ActionScript 3.0 基础之数据类型、操作符和流程控制语句介绍Flash ActionScript 3.0 中所有的数据类型都是对象&#xff0c…

WPF Snoop 2.7 源码研究

转载于:https://www.cnblogs.com/puncha/archive/2012/04/01/3877001.html

java培训基础知识都学哪些

很多人都开始学习java技术&#xff0c;觉得java语言在未来的发展前景空间非常大&#xff0c;事实却是如此&#xff0c;那么针对于零基础的同学&#xff0c; 学习java技术需要学哪些呢?下面我们就来看看java培训基础知识都学哪些? java培训基础知识都学哪些? 1.JavaWeb Linux…

数据结构与算法:03 C#面向对象设计 I

03 C#面向对象设计 I 知识结构&#xff1a; 1、类与对象 类&#xff1a;用高级程序语言实现的一个ADT描述。对象&#xff1a;通过类声明的变量。 2、封装 2.1 什么是封装 把类的内部隐藏起来以防止外部看到内部的实现过程。 2.2 怎样封装 通过限制修饰符private、protect…