`
qll3609120
  • 浏览: 56904 次
社区版块
存档分类
最新评论

google 遍历marker并添加不同的点击事件

 
阅读更多

 最好是把marker放入一个数组中,显示的信息窗口也放在一个数组中

 

(function(i,marker){//遍历
                    google.maps.event.addListener(marker, 'mouseover', function() {//监听marker事件

                       //先关闭所有打开的infowindow
                        for(i in infoArray){
                           infoArray[i].close();
                        }

                         //打开触发事件的marker的infowindow
                       infoArray[marker.id].open(map,markerArray[marker.id]);
                       });
                })(i,marker);

分享到:
评论

相关推荐

    Google Map Marker的显示与隐藏

    4. **事件监听器**:你可以添加事件监听器来响应用户操作,比如点击Marker。例如,当用户点击Marker时隐藏它: ```javascript google.maps.event.addListener(marker, 'click', function() { this.setVisible(false...

    google标记多个点点击弹出气泡

    本文将详细讲解如何利用Google Maps API在地图上显示多个点,并实现点击这些点时弹出气泡展示位置信息。 首先,我们需要引入Google Maps JavaScript API。这个API是通过在HTML文件中添加一个脚本标签来引用的,URL...

    google地图在地图上标记点

    例如,如果有一个包含地理位置信息的JSON数组,可以遍历这个数组并创建相应的Marker。 在GoogleMapProject压缩包中,可能包含了示例代码或数据,用于演示如何在实际项目中实现上述功能。你可以查阅这些文件,以便更...

    google地图js-展示站点标示和移动增加标示,相当经典

    如果要动态添加或移动标识,可以改变`Marker`的`position`属性,或者在用户交互事件(如点击、拖动等)中创建新的`Marker`。例如,可以监听地图的`click`事件,每次点击时创建一个新的标识: ```javascript map....

    googlemap谷歌地图标记拖动选择多选

    2. **添加标记**:为每个需要显示的位置创建并添加标记,标记可以通过JavaScript对象进行配置,包括位置、图标、点击事件等。 3. **监听鼠标事件**:使用Google Maps API提供的`google.maps.Map`对象的`dragstart`...

    jquery与google联合制作局部地图

    5. 添加标记:利用`new google.maps.Marker()`创建标记,并设置标记的位置和图标。 6. 添加信息窗口:使用`new google.maps.InfoWindow()`创建信息窗口,当用户点击标记时显示相关信息。 7. 结合jQuery实现交互:...

    谷歌地图API实现运行轨迹 画箭头操作的小例子

    总结起来,这个例子展示了如何利用谷歌地图API创建一个显示运动轨迹的交互式地图,并在轨迹上添加箭头指示方向。通过学习和理解这些代码,你可以创建自己的定制化地图应用,例如运动跟踪、导航系统或者其他基于地理...

    GMap地图控件GMarkerOverlay使用例程

    在这个例子中,我们创建了两个不同颜色的标记,分别位于北京的两个不同位置,并为每个标记设置了提示文本。当你将鼠标悬停在标记上时,会显示这个文本。 `README.md`文件可能包含了关于如何运行和理解这个例程的...

    google地图标注

    要添加标注,我们可以创建一个`google.maps.Marker`对象,并设置其位置和任何其他属性,如信息窗口: ```javascript var marker = new google.maps.Marker({ position: myLatLng, map: map, title: 'Your ...

    Google-Map-Marker-and-Info-Window-Customization:使用带有订阅和取消订阅选项的谷歌地图设置自定义信息窗口

    在本项目"Google-Map-Marker-and-Info-Window-Customization"中,我们主要探讨的是如何利用HTML、JavaScript和谷歌地图API来实现地图上的自定义标记和信息窗口,并集成订阅与取消订阅功能。以下是对这个主题的详细...

    google maps api (读取png,jpg,xml)画箭形(初学必看)

    3. **Google Maps API使用**:要在地图上添加标记,你需要创建`google.maps.Marker`对象,并传入其位置参数。位置可以通过解析XML数据得到的经纬度坐标来设定。如果需要,还可以设置图标为之前加载的箭头图片,以...

    据库中的地址循环遍里到地图中

    虽然提供的代码片段中没有具体实现点击事件的处理逻辑,但通常可以通过为地图标记添加监听器来实现点击时的操作。例如,当用户点击标记时,可以弹出一个包含更多信息的信息窗口。 ```javascript google.maps.event....

    android地图使用overlay添加标记

    在Android开发中,地图功能是常见且重要的一个部分,特别是在导航、定位等...这个过程不仅适用于添加单个标记,还可以扩展来实现多个标记的绘制,例如通过遍历一系列`GeoPoint`对象并创建相应的`MyMarkerOverlay`实例。

    google-map:谷歌地图 Jquery

    假设你有一个包含地点信息的JSON对象数组,可以遍历它们并在地图上添加标记: ```javascript var locations = [ {name: 'Location 1', lat: 37.7852, lng: -122.4076}, // 更多地点... ]; $.each(locations, ...

    js-maps-marker:许多城市都去过,但我住过的只有几个城市

    然后用JavaScript初始化Google Maps API,设置地图的中心点(通常是用户当前的位置或者是列表中的第一个城市),接着遍历城市列表,为每个城市创建一个新的标记,并将其添加到地图上。标记可以自定义图标,也可以...

    Java清除地图道路等标记

    5. **事件处理**:可能讲解如何监听用户的交互,例如点击或选择某个标记后进行清除操作。 6. **源码分析**:博客可能会分享一段代码示例,展示如何实现清除标记的功能。 7. **工具的使用**:介绍可能用到的第三方库...

    google地图和php+mysql集合的例子(二).pdf

    接着,创建XML的根节点`<markers>`,并在循环中逐个添加`<marker>`节点,每个节点包含从数据库中获取的`name`、`address`、`lat`(纬度)、`lng`(经度)和`type`属性。 7. **HTML页面集成**:在`index.html`文件中...

    出现问题a is defined高手帮忙

    //鼠标按下事件 DragZoomControl.prototype.coverMousedown_ = function(e){ var G = this.globals; var pos = this.getRelPos_(e); G.startX = pos.left; G.startY = pos.top; if (e.which) { var ...

    Google Map Api和GOOGLE Search Api整合实现代码

    在这个回调函数中,我们会遍历所有搜索结果,将它们添加到指定容器中,并在地图上标记出来。 4. **结果处理**:`getResult`方法用于构建每个搜索结果的HTML表示。它创建一个新的`div`元素,包含结果的标题和地址,...

Global site tag (gtag.js) - Google Analytics