在iframe中嵌入谷歌地图时,如何删除附近的地点?

时间:2013-11-13 15:02:21

标签: javascript php html css google-maps

我想在我的网站上嵌入以下地图:

https://maps.google.co.uk/maps?q=67+Bridge+Street,+Chester&hl=en&sll=53.16379,-2.737316&sspn=0.678421,2.113495&oq=67+bridge+&hnear=67+Bridge+St,+Chester+CH1+1NW,+United+Kingdom&t=m&z=16

地图上有一个所需地址的标记,但它也有附近地方的标记,如Costa咖啡,Eastgate时钟等。

有没有办法在没有标记的情况下嵌入地图上的任何其他地方?

只是为了澄清我想保留大红色标记,但删除所有其他感兴趣的地方和企业

2 个答案:

答案 0 :(得分:9)

Google Map API允许开发人员控制其外观,请参阅syntax styling

  

地图功能:地图包含一系列功能,例如道路或公园,   使用MapTypeStyleFeatureType指定。要素类型形成一个   类别树,以all为根。完整的功能列表   地图中的选择记录在地图Javascript API V3 Reference中。将要素指定为all将选择所有地图元素。

google.maps.MapTypeStyleFeatureType包含许多要素类型的值,即road.labels, landscape.natural, poi.business, 在你的情况下,隐藏其他营业场所的方式,这里是一个实现的例子:

var styles = [
  {
    featureType: "poi",
    elementType: "business",
    stylers: [
      { visibility: "off" }
    ]
  }
];

map.setOptions({styles: styles});

答案 1 :(得分:0)

你将不得不写一些Javascript来实现这一目标。在这里查看关于样式的Google地图网站:https://developers.google.com/maps/documentation/javascript/styling

具体查看该资源的这一段:

  

样式数组示例

     

地图要素选择器和样式器规则组合成一个   样式数组。可以在单个阵列中定位任意数量的功能。

     

以下示例将所有地图要素变为灰色,然后变为颜色   蓝色的主干道路几何形状,以及隐藏商业标签   完全

紧接着它的代码就是一个例子。希望有所帮助。