问题描述
有人能给我最好的主意,如何把WMS图层放在谷歌地图上我有很多图层和很多样式。我在StackOverflow上研究了很多Q和A,但我没有理解如何管理多个样式和图层。我想把我的JQuery代码放进去。这里有一个很好的例子:
这里有两种图层:
- 底层的底层 >
- 覆盖半透明图层,其高于所有其他图层
(注意:在上例中,它们使用WMS仅适用于案例2,但您当然也可以将它用于1,因为接口(对象 google.maps.ImageMapType
)对于两者都是相同的) p>
基本上,要添加您使用的基础图层:
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图层的样式,这非常复杂,我也在这里。祝你好运!
Can somebody give me best idea, how to put WMS layer over Google map I have so many layers and so many styles. I research on so many Q and A at StackOverflow, but I didn't get the point about how to manage multiple styles and layers. I would like to put into my JQuery code.
There is a great example on this here: http://www.sumbera.com/lab/GoogleV3/tiledWMSoverlayGoogleV3.htm
Here you have 2 kinds of layers:
- base layer which is in the bottom
- overlayed semi-transparent layer which is above all other layers
(note: in the above example they use WMS just for case 2, but you can of course use it also for 1, as the interface (object google.maps.ImageMapType
) is the same for both)
Basically, to add "base layers" you use:
map.mapTypes.set('OSM', new google.maps.ImageMapType({ ... }));
To add overlayed layer you use:
map.overlayMapTypes.push(new google.maps.ImageMapType({ ... }));
To add layers to map type control you use option when creating the map:
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
}
The above example illustrates this greatly. As for the styling of the WMS layers, this is pretty complex, I also put a question about this here. Good luck!
这篇关于Google Map API 3 + WMS的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!