2011-12-02 146 views
3

有人可以給我最好的主意,如何把WMS圖層放在谷歌地圖上我有這麼多的圖層和很多風格。我在StackOverflow上研究了很多Q和A,但我沒有理解如何管理多個樣式和圖層。我想把我的JQuery代碼。谷歌地圖API 3 + WMS

回答

10

上有一個很好的例子在這裏:http://www.sumbera.com/lab/GoogleV3/tiledWMSoverlayGoogleV3.htm

在這裏,你有2種層的:這是在底部

  • 疊加半透明層也就是上面

    1. 基底層所有其他層

    (注意:在上面的例子中,他們使用WMS僅用於情況2,但您當然也可以使用它也爲1,作爲接口(o bject 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圖層的造型,這是非常複雜的,我也把a question about this here。祝你好運!

  • +0

    非常感謝您的想法,現在我明白了。 –