Google Map API 3 + WMS

有人能给我最好的想法,如何将WMS图层放在Google地图上我有这么多图层和很多样式。 我在StackOverflow上研究了很多Q和A,但我没有明白如何管理多个样式和层。 我想加入我的JQuery代码。

这里有一个很好的例子: http : //www.sumbera.com/lab/GoogleV3/tiledWMSoverlayGoogleV3.htm

这里有2种图层:

  1. 位于底部的基层
  2. 覆盖半透明层,高于所有其他层

(注意:在上面的示例中,他们仅针对案例2使用WMS,但您当然也可以将其用于1,因为接口(对象google.maps.ImageMapType )对于两者都相同)

基本上,要添加“基础层”,您可以使用:

 map.mapTypes.set('OSM', new google.maps.ImageMapType({ ... })); 

要添加重叠图层,请使用:

 map.overlayMapTypes.push(new google.maps.ImageMapType({ ... })); 

要将图层添加到地图类型控件,请在创建地图时使用选项:

 mapTypeControlOptions: { mapTypeIds: [ 'OSM', google.maps.MapTypeId.ROADMAP, google.maps.MapTypeId.SATELLITE, google.maps.MapTypeId.HYBRID, google.maps.MapTypeId.TERRAIN ], style: google.maps.MapTypeControlStyle.DROPDOWN_MENU } 

上面的例子说明了这一点。 至于WMS图层的样式,这非常复杂,我在这里也提出了一个问题 。 祝好运!