隐藏嵌入式谷歌地图上的某些标签?

时间:2012-03-22 12:17:57

标签: google-maps

我使用gmap3 jQuery插件嵌入谷歌地图: http://gmap3.net/index.html

如何在地图上隐藏某些标签?

通过使用CSS隐藏.gmnoprint我可以隐藏控件但我仍然需要隐藏地图/卫星选项和左上角的人的图标。

对于另一个视图,我需要控件可见,所以我不能隐藏gmnoprint。对于这个视图,我需要隐藏上面提到的2个项目,以及页脚(如果你不隐藏.gmnoprint,这是可见的)。

该项目仅是内部概念证明。如果进入生产阶段,我们可能会使用bing贴图。出于这个原因,我不希望他们成为我试图做的任何法律问题。

我尝试使用不同指定的CSS,但结果令人惊讶,我猜想谷歌想要隐藏的东西很难。也许我可以在加载页面后运行一些JavaScript来根据他们拥有的内容隐藏div,但这似乎是一个非常混乱的解决方案。

更新使用.gmnoprint:nth-​​child(3)我可以隐藏页脚文本(右下角),但“Google”图像左下方div的doenst有任何类或ID。

1 个答案:

答案 0 :(得分:2)

“man”是streetView控件,可以通过API-docs

中定义的选项将其删除为所有其他控件
$("#map")
  .gmap3({action: 'init',
          options:{
                    mapTypeControl:false,//hide mapTypeControl
                    streetViewControl: false//set it to false to hide the "man"
          }
});

禁用所有控件:

$("#map")
  .gmap3({action: 'init',
          options:{
                    mapTypeControl:false,
                    streetViewControl: false,
                    panControl:false,
                    rotateControl:false,
                    zoomControl:false
                  }
});

注意:您不能删除页脚文本(也不允许删除Google徽标)。无论地图用于

的目的是什么,它都必须始终可见