这里有一个很好的例子:http://www.sumbera.com/lab/GoogleV3/tiledWMSoverlayGoogleV3.htm http://www.sumbera.com/lab/GoogleV3/tiledWMSoverlayGoogleV3.htm
这里有两种层:
- 底层位于底部
- 覆盖的半透明层位于所有其他层之上
(注意:在上面的示例中,他们仅将 WMS 用于情况 2,但您当然也可以将其用于情况 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图层的样式,这相当复杂,我也把这里有一个关于这个的问题 https://stackoverflow.com/q/8320512/684229。祝你好运!