Google Map API 3 + WMS

Question

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

Answer 1

这里有一个很好的例子: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图层的样式,这非常复杂,我在这里也提出了一个问题.祝好运!