似乎无法将样式应用于Google MAP API

时间:2013-03-04 14:26:10

标签: javascript google-maps

我尝试更改此Google地图实例的饱和度。除了饱和风格之外,其他一切都在工作。我做错了什么?

代码:

$(function() { // when the document is ready to be manipulated.
    if (GBrowserIsCompatible()) { // if the browser is compatible with Google Map's
        var map = document.getElementById("myMap"); // Get div element
        var m = new GMap2(map); // new instance of the GMap2 class and pass in our div location.

        m.setCenter(new GLatLng(59.334951,18.088598), 13); // pass in latitude, longitude, and zoom level.
        m.openInfoWindow(m.getCenter(), document.createTextNode("Looking Good")); // displays the text
        m.setMapType(G_NORMAL_MAP); // sets the default mode. G_NORMAL_MAP, G_HYBRID_MAP

        // var c = new GMapTypeControl(); // switch map modes
        // m.addControl(c);

        // m.addControl(new GLargeMapControl()); // creates the zoom feature

        var styleArray = [
            {
                featureType: "all",
                stylers: [
                    {saturation: -80}
                ]
            }
        ];
    }
    else {
        alert("Upgrade your browser, man!");
    }
});

我一整天都在寻找(并且失败了)找到解决这个问题的方法。

3 个答案:

答案 0 :(得分:0)

你有一句话:

m.setOptions({styles: styleArray});

在你宣布造型师之后的某个地方?上面的行将您创建的样式应用于您拥有的地图。

答案 1 :(得分:0)

您的styleArray似乎从未使用过。

答案 2 :(得分:0)

感谢您的帮助,我终于明白了。感觉有点愚蠢,但“m.setOtions”显然是V3 API的功能,我使用的是V2。