Google Maps API 进级: GoogleMaps常用事件及应用思路1

转自:http://hi.baidu.com/xfm_zhr/blog/item/8c1790517e87ea888d54302a.html

1.       GoogleMaps常用事件及应用思路

地图再被鼠标拖动时,GMap2对象会激发dragstart,drag,dragend等事件。

示例:动态显示地图的中心位置。

    //更新信息,el为指定HTML元素,info为里边显示的内容

    function updateInfo(el, info)

    {

      el.innerHTML = info;

    }

   

    //添加拖动事件监听器

    function addDragListener()

    {

       //监听地图上的事件

       GEvent.addDomListener(map, 'dragstart', function()

                    {

                        updateInfo(eventinfo, "当前事件:dragstart");

                    });

       GEvent.addDomListener(map, 'drag', function()

                    {

                        updateInfo(eventinfo, "当前事件:drag");

                        updateInfo(mapcenter, "当前地图中心纬度:" + map.getCenter().lat() + " 经度" + map.getCenter().lng());

                    });

       GEvent.addDomListener(map, 'dragend', function()

                    {

                        updateInfo(eventinfo, "当前事件:dragend");

                    });

}

地图缩放是,GMap2激发zoomstart和zoomend事件。

示例:动态获取地图缩放级别

    //添加缩放事件监听器

    function addZoomListener()

    {

       //监听地图上的缩放事件

       GEvent.addDomListener(map, 'zoomstart', function()

                    {

                        updateInfo(eventinfo, "当前事件:zoomstart");

                    });

       GEvent.addDomListener(map, 'zoomend', function()

                    {

                        updateInfo(eventinfo, "当前事件:zoomend");

                        updateInfo(zoomlevel, "当前地图缩放级别:" + map.getZoom());

                    });

}

 

地图类型发生改变,GMap2会激发maptypechanged事件。

示例:动态获取地图类型。

    //添加maptypechanged事件监听器

    function addMapTypeListener()

    {

       //监听地图上maptypechanged事件

       GEvent.addDomListener(map, 'maptypechanged', function()

                    {

                        updateInfo(eventinfo, "当前事件:maptypechanged");

                        updateInfo(maptype, "当前地图类型:" + map.getCurrentMapType().getName(false));

                    });

}

 

单击Google地图,GMap2会激发click事件。注意:该事件包含两个参数:overlay,point。

示例:获取鼠标位置,并添加GMarker对象。

        GEvent.addListener(map, 'click', function(overlay, point)

                         {

                           if(point)

                           {

                             var marker = new GMarker(point);

                             map.addOverlay(marker);

                           }

                         });

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/465760.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

STM32项目(七) —— 智能仓库管理系统

智能仓库管理系统 随着经济的发展,对企业的生产经营要求提高,企业必须综合利用各种先进技术,在网络与信息技术的支持下,改进现在的生产经营模式和组织结构,增加利润。随着企业规模的扩大。高效方便的仓库管理系统&…

花三千块钱求推荐一个靠谱的C++工程师

直接说重点有个朋友想招一个C工程师,因为项目的原因,不可能现在招新人培养,想招到一个熟练C的工程师,所以想在公众号里面广而告之。如果是你推荐的人入职后,就可以获得三千奖励,如果是你本人入职&#xff0…

Linux服务器安全设置总结

众所周知,网络安全是一个非常重要的课题,而服务器是网络安全中最关键的环节。Linux被认为是一个比较安全的Internet服务器,作为一种开放源代码操作系统,一旦Linux系统中发现有安全漏洞,Internet上来自世界各地的志愿者…

STM32 —— LIN

STM32 —— LIN/* LIN 总线的主要特性有 单主机 多从机概念 基于普通 UART/SCI 接口的低成本硬件实现 低成本软件或作为纯状态机 从机节点不需要石英或陶瓷谐振器可以实现自同步 保证信号传输的延迟时间 低成本的单线设备 速度高达 20kbit/s 总线的通讯由单…

老外码农酒后吐槽,该说的不该说的全说了!!

上个月,一个有着10年码龄的程序猿喝高了,在社交网站Reddit上吐槽。然后被疯狂转发,点赞。可说是讲出了咱们很多码农的心声。咱们国内这边也有不少版本了。我们也凑凑热闹翻译一版。跟大家一块儿欣赏一下:今天是有点儿高了&#xf…

朋友与“蓝颜知己”

??闲着无事,便往了图书馆,寻到自己一直想要找的书:《大明王朝1566》。是想写点什么了,一直想写的东西,是心中酝酿许久的本子,却总感到驾御不了,不敢下笔。盼望能从书中得到些启示,…

Kettle 学习导航帖整理

最近在学习Kettle,期间收集了很多帖子,在此整理汇总以备后续查询或分享,如果有更好的学习资源也欢迎在评论区留言,谢谢。 Kettle入门: Kettle简介:百度百科https://baike.baidu.com/item/Kettle/5920713?f…

STM32 —— 中景园0.96寸OLED

STM32 —— 中景园0.96寸OLED OLED,即有机发光二极管( Organic Light Emitting Diode )。 OLED 由于同时具备自发光,不需背光源、对比度高、厚度薄、视角广、反应速度快、可用于挠曲性面板、使用温度范围广、构造及制程较简单等优…

Intel官宣开发RISC-V处理器:明年首发7nm工艺

近日业界盛传,Intel计划以20亿美元收购RISC-V IP供应商SiFive——后者的产品已被80多家公司采纳,设计了200多种产品,出货量极大,广泛用于各种加速器。虽然双方对于收购都拒绝置评,但深入合作已经展开。Intel官方宣布&a…

SCCM2007 R2的部署前准备,SCCM系列之一

SCCM 2007 R2的部属前准备<?xml:namespace prefix o />System Center 是微软著名的管理平台软件&#xff0c;在实现Microsoft的MOF&ITIL的IT管理理念的过程中发挥了很重要的作用&#xff0c;System Center可以在MOF的每一个运维象限中都有对应的System Center产品协…

硬件基础 —— 电阻

硬件基础 —— 电阻1、电阻基本知识电阻&#xff1a;在电路中对电流有阻碍作用并且造成能量消耗的部分。主要物理特性是变电能为热能&#xff08;耗能元件&#xff09;&#xff0c;符号R&#xff08;单位&#xff1a;Ω&#xff09;。2、电阻的作用&#xff1a;分流、限流、分压…

史上最全的LED点灯程序,你都掌握了吗?

摘要&#xff1a;你点亮过多少板子的LED灯呢&#xff1f;有很多小伙伴留言说讲一下STM32、FPGA、Liunx他们之间有什么不同。不同点很多&#xff0c;口说无凭&#xff0c;今天就来点亮一下STM32、FPGA和Liunx板子的LED灯&#xff0c;大家大致看一下点灯流程和点灯环境以及点灯流…

修复远程过程调用 (RPC) 时发生的各种问题KB908521

当系统出现RPC通讯问题时可以尝安装KB908521进行修复。安装本更新程序可以解决当您在 Microsoft Windows Server 2003 和 Microsoft Windows XP 中的客户端/服务器通信中使用远程过程调用 (RPC) 时发生的各种问题。http://www.microsoft.com/downloads/details.aspx?FamilyID7…

B站硬核up主稚晖君:对于3年以上软件开发工程师,我有这些建议!

稚晖君&#xff0c;何许人也&#xff1f;本硕就读于电子科技大学华为AI架构师热爱硬件开发B站硬核UP主“栈溢出”工程师加入“华为天才少年计划”或许当你看到这一堆Title的时候并不觉得有什么特别&#xff0c;那么接下来看看他的一些作品。作品1&#xff1a;B站最强小电视这条…

Python 实现微信小程序的用户登录

小程序可以通过官方提供的登录能力来获取用户身份的标示&#xff0c;具体文档可以参考 这里&#xff0c;通过流程时序可以看到&#xff0c;对于需要和前端配合的服务端开发&#xff0c;主要实现的就是通过小程序提供的 code 换取用户的 openid 和 session_key&#xff0c;并用换…

硬件基础 —— 电容

硬件基础 —— 电容1、电容基本知识&#xff08;记忆元件&#xff09;电容器是一种能储存电荷的容器。电容器对直流电阻力无穷大&#xff0c;即电容器具有通交隔直的作用。电容器对交流电的阻力受交流电频率影响&#xff0c;即相同容量的电容器对不同频率的交流电呈现不同的容抗…

python 学习笔记一

有关 dictionary、tuple、和 list Tuple 是不可变的 list。一旦创建了一个 tuple&#xff0c;就不能以任何方式改变它。如t ("a", "b", "mpilgrim", "z", "example") List 是 Python 中使用最频繁的数据类型。如&#xff1…

同事说rar压缩有风险,让我用zip压缩文件

在现在最常见的压缩文件有zip、rar、7z三种&#xff0c;它们都有各自的优点和缺点。我们用一句话来概括一下&#xff1a;7z压缩率最高&#xff0c;RAR安全性高&#xff0c;ZIP使用范围广。文件压缩打包是最为常见的一种分享方式了&#xff0c;而众多的压缩格式中zip仍然是主流。…

JAVA实现概率计算(数字不同范围按照不同几率产生随机数)

程序中经常遇到随机送红包之类的情景&#xff0c;这个随机还得指定概率&#xff0c;比如10%的机率可以得到红包。那么java怎么实现一个简单的概率计算了&#xff0c;见如下例子&#xff1a; int randomInt RandomUtils.nextInt(1,101); if(randomInt < 10){ //100里面1个数…

硬件基础 —— 二极管

硬件基础 —— 二极管1、二极管基础知识PN结&#xff1a;P区空穴&#xff0c;N区电子。由于浓度差原理&#xff0c;会产生扩散运动&#xff08;N到P运动&#xff09;。在电场作用下&#xff0c;载流电子作漂移运动&#xff0c;方向与扩散运动方向相反直到PN结电流为零&#xff…