我已经进行了无数次搜索,所有这些搜索都导致如何隐藏被点击的标记。 我要尝试的是单击标记时。 隐藏其周围的标记,直到关闭所选标记的信息框。 然后其他标记再次变为可见。 目前,我唯一能够完成的就是删除一个标记,该标记不是我想要的,而单击该标记。 就像我说的。 我已经进行了无数次搜索,但是当找到一个单击标记时隐藏其他标记然后在单击标记的信息框关闭时取消隐藏这些标记的方法空了。 有什么建议么?

目前,这是我所隐藏的所选标记,这不是我想要的。

      function initialize() {
   var locations = [
      ['Siren 1', 32.832, -96.629, 1],
      ['Siren 2', 32.827, -96.644, 2],
      ['Siren 3', 32.824, -96.612, 3],
      ['Siren 4', 32.809, -96.658, 4],
      ['Siren 5', 32.805, -96.634, 5],
      ['Siren 6', 32.809, -96.614, 6],
      ['Siren 7', 32.792, -96.656, 7],
      ['Siren 8', 32.785, -96.637, 8],
      ['Siren 9',  32.794, -96.613, 9],
      ['Siren 10', 32.776, -96.61, 10],
      ['Siren 11', 32.761, -96.633, 11],
      ['Siren 12', 32.764, -96.598, 12],
      ['Siren 13', 32.773, -96.581, 13],
      ['Siren 14', 32.748, -96.614, 14],
      ['Siren 15', 32.74, -96.592, 15],
      ['Siren 16', 32.751, -96.576, 16],
      ['Siren 17', 32.75,  -96.55, 17],
      ['Siren 18', 0, -0, 18],
      ['Siren 19', 32.728, -96.583, 19],
      ['Siren 20', 32.741, -96.566, 20],
      ['Siren 21', 32.738, -96.545, 21],
      ['Siren 22', 32.722, -96.537, 22],
      ['Siren 23', 32.708, -96.558, 23],
      ['Siren 24', 32.696, -96.499, 24],
      ['Siren 25', 32.694, -96.564, 25]
    ];

    var mapOptions = {
          center: new google.maps.LatLng(32.764980445475885, -96.60024896289065),

          panControl: false,
          zoom: 12,
          mapTypeControl: true,
    mapTypeControlOptions: {
      style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
    },
    zoomControl: true,
    zoomControlOptions: {
      style: google.maps.ZoomControlStyle.SMALL,
      position: google.maps.ControlPosition.RIGHT_TOP
    },
          mapTypeId: google.maps.MapTypeId.HYBRID
        };

        var map = new google.maps.Map(document.getElementById("map"),
    mapOptions);

    function MyLogoControl(controlDiv) {
    controlDiv.style.padding = '5px';
    var logo = document.createElement('IMG');
    logo.src = 'images/watermark_MW_GMap.png';
    logo.style.cursor = 'pointer';
    controlDiv.appendChild(logo);

    google.maps.event.addDomListener(logo, 'click', function() {
        window.location = 'http://www.mesquiteweather.net';
    });
  }

   var logoControlDiv = document.createElement('DIV');
   var logoControl = new MyLogoControl(logoControlDiv);
   logoControlDiv.index = 0; // used for ordering
   map.controls[google.maps.ControlPosition.TOP_LEFT].push(logoControlDiv);

    var infowindow = new google.maps.InfoWindow();

    var marker, i;

    var image = 'http://maps.google.com/intl/en_us/mapfiles/ms/micons/green.png';

    for (i = 0; i < locations.length; i++) {
      marker = new google.maps.Marker({
        position: new google.maps.LatLng(locations[i][1], locations[i][2]),
        map: map,
        icon: image,
        draggable: true
      });

      var openCircle;

      google.maps.event.addListener(marker, 'click', (function(marker, i) {
        return function() {
          infowindow.setContent(locations[i][0]);
          infowindow.open(map, marker);
          marker.setMap(null);

          if (openCircle !== undefined) {
            openCircle.setMap(null);
          }

          openCircle = new google.maps.Circle({
            map: map,
            radius: 4828,    // metres
            strokeColor: '#FF0000',
            strokeOpacity: 0.8,
            strokeWeight: 2,
            fillColor: '#FF0000',
            fillOpacity: 0.35,
          });

          openCircle.bindTo('center', marker, 'position');

          google.maps.event.addListener(infowindow,'closeclick',function(){
            openCircle.setMap(null);
          });
        }
      })(marker, i));

    }
}

  ask by Texan78 translate from so

本文未有回复,本站智能推荐:

2回复

切换隐藏/显示Google地图标记

我有一个带有艺术家位置标记的自定义Google地图。 我想做8种不同类别的标记。 我读到有关必须制作标记数组和分配类别的信息,但老实说,我不知道从哪里开始。 我认为这个问题与我想要的很接近: 按类别打开/关闭Google地图标记 。 试图使它正常工作,但徒劳无功,我只是了解的很少。
1回复

在标记上切换圆环单击

我有一些通过电线排列的标记。 在这些标记周围,我有半径圆。 我试图仅在单击关联的标记时显示圆圈,然后在信息框关闭时隐藏。 现在,无论是否单击标记,都会显示圆圈。 我不确定自己在做什么错。 有人可以提供我所忽略的一些见解吗? -谢谢
1回复

如何切换标记?

我做标记的代码: 我的标记对象: 我正在尝试使用以下复选框来切换标记: 但是,仅显示数组中的最后一个标记,如何使所有标记都出现? 谢谢。
1回复

切换Google Maps标记

我从另一篇文章中摘取了一些代码来开始我的工作,但是试图让它做我需要的事情。 我需要设置功能以在选中标记时显示/隐藏标记,还需要为标记类别(例如,步行,钓鱼)分配适当的图标。 首先,我需要使show hide函数正常工作,而目前还没有。 您可以在此处找到演示... http://js
1回复

单击外部链接时,从Google地图隐藏标记,仅显示其相应的标记

如何更改带有链接的Google地图中心并删除其他标记? 我有这个代码 https://jsfiddle.net/m9ugbc7h/ 因此,我需要创建一个链接,例如 <a href="#" onclick="variable='latitude = 21.0241839,l
1回复

在Google地图中切换标记

我使用切换按钮创建了一个热图。 我无法为叠加标记创建切换按钮。 请在下面查看我的代码所在位置。 任何建议将不胜感激。 请注意,我是编码的初学者。 谢谢。
1回复

使用Google Maps API(XML)切换标记

我一直在为此扯头发。 我试图通过单击按钮来切换地图上的标记。 我在网上看到的示例使用JSON,而我使用XML提取数据,这有什么区别吗? function load() { var myLatlng = new google.maps.LatLng(51.507664, -0.15017
1回复

切换基于ID的Google Maps标记

我有一张地图,该地图通过for loop显示标记。 我还有一组与每个标记的agentId属性相关的按钮。 当我按下这些按钮之一时,此功能将运行 我想通过使用按钮来切换每个标记的可见性(请参阅第二段代码)。 例如,当我按下id=1的按钮时,我需要隐藏/显示agentId属
1回复

Google Maps API-切换标记可见性

如何在Google Maps API中切换标记子集的可见性? 我有两组标记位置数据。 想要添加一个按钮来独立切换每个集合的可见性。 为了方便起见,下面有完整的代码。 我在标题中有一个按钮代码。 该按钮显示出来,但是单击不会产生预期的结果(ME位置消失)。 相关功能是
1回复

Google地图:点击标记时切换KML

我有一个Google Maps页面,它是通过从数据库中获取信息并使用此信息来放置标记而创建的。 有字段kml,其中包含指向kml文件的链接。 单击相应的标记时,我想将此kml显示为多边形。 因此,每个标记都有其自己的kml。 单击标记时,我已经可以显示多边形,但是我需要它们进