更改Google地图中的颜色(自定义)

时间:2013-11-17 02:53:28

标签: javascript jquery html css google-maps

您好我尝试更改城市/郊区的颜色(文字显示) - 悉尼,纽因顿街等字样。 我正在摆弄设计,但我似乎无法改变位置的这个词。

  var styles = [{
                featureType: "transit",
                elementType: "all",
                stylers: [{
                        visibility: "simplified"
                    }, {
                        color: "#000000"
                    }]
            },
            {
                featureType: "water",
                elementType: "all",
                stylers: [{
                        visibility: "simplified"
                    }, {
                        color: "#282828"
                    }]
            }, {
                featureType: "road",
                elementType: "all",
                stylers: [{
                        visibility: "simplified"
                    }, {
                        color: "#000000"
                    }]
            }, {
                featureType: "landscape",
                elementType: "all",
                stylers: [{
                        visibility: "simplified"
                    }, {
                        color: "#000000"
                    }]
            }, {
                featureType: "poi",
                elementType: "all",
                stylers: [{
                        visibility: "simplified"
                    }, {
                        color: "#000000"
                    }]
            }, {
                featureType: "all",
                elementType: "all",
                stylers: [{
                        visibility: "on"
                    }, {
                        "weight": 0
                    }]
            }];

到目前为止这是javascript,这就是设计的样子!

Current design

我希望它看起来像这样!

What I want

为了使其看起来与上面的设计相似,我需要更改什么?我尝试了很多东西,但它们看起来都很奇怪。

由于

1 个答案:

答案 0 :(得分:2)

http://gmaps-samples-v3.googlecode.com/svn/trunk/styledmaps/wizard/index.html:让您设置地图的某些方面的样式,然后吐出可以合并到地图中的json数据。需要花一点时间来弄清楚什么做了什么,但效果很好。

http://snazzymaps.com/:找到符合您想要的主题