Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/404.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何解决标签标记的问题?谷歌地图v3_Javascript - Fatal编程技术网

Javascript 如何解决标签标记的问题?谷歌地图v3

Javascript 如何解决标签标记的问题?谷歌地图v3,javascript,Javascript,我有n个标记,我负责,从一个查询,有一些位置非常接近或是相同的位置,由于这一点,当我在地图上显示它们时,出现了以下问题,我在下面显示,我希望标记可以可视化,无论它们是非常接近还是在相同的位置 我以前有图标,我没有这个问题 我目前有: fnShowRutas(datos:any){ let data:any[]=[] = datos.filter(item => item.lat != ""); this.options = {}; this.overlays

我有n个标记,我负责,从一个查询,有一些位置非常接近或是相同的位置,由于这一点,当我在地图上显示它们时,出现了以下问题,我在下面显示,我希望标记可以可视化,无论它们是非常接近还是在相同的位置

我以前有图标,我没有这个问题

我目前有:

fnShowRutas(datos:any){
    let data:any[]=[] = datos.filter(item => item.lat != "");

    this.options = {};
    this.overlays = [];
    let over: any[] = [];

    let bounds = new google.maps.LatLngBounds();

    data.map((item, it) =>{
      it = it +1; 

      over.push(
        new google.maps.Marker(
          {
            position:{
              lat:Number(item['lat']),
              lng:Number(item['lon'])
            },
            title:item.nme,
            label:{
              text: ''+it,
              color: 'white',
            },
            visible: true

          }
        )
      )
         this.overlays = [...over]
          setTimeout(()=> { 
              this.map.fitBounds(bounds);
          }, 10);

          over.forEach(marker => {
            bounds.extend(marker.getPosition());
          });
    })
  }

非常感谢您的帮助。

我现在真的没有时间讨论这个问题,但如果您的应用程序需要越来越深入地显示不同级别的数据,则该页面上显示的标记聚类非常有用。如果在经过某个缩放级别之前,某些标记需要作为簇进行渲染,则可以更轻松地以数据格式对其进行描述,并相应地进行渲染。