谷歌地圖在黑色和白色的HTML代碼

Question

任何人都可以幫我嗎？我試圖製作黑白地圖的Google地圖，但是我找不到這樣做的方法，但是我發現這個網站已經實施了http://www.creuna.com/contact/find-us/。任何線索？

Answer 1

我以前沒有使用過它，但它看起來像谷歌的地圖API具有造型部分，讓您真正自定義地圖的外觀和感覺：

https://developers.google.com/maps/documentation/javascript/styling

有很多包括那些應該能夠提供幫助的例子。

Answer 2

看那Styled Map Wizard 此接近：

[ { 
    "featureType": "water", 
    "stylers": [ { 
    "color": "#ffffff" } 
    ] 
    },{ 
    "featureType": "landscape", 
    "elementType": "geometry", 
    "stylers": [ { 
    "color": "#000000" } 
    ] 
    },{ 
    "featureType": "administrative", 
    "elementType": "labels.text.fill", 
    "stylers": [ { 
    "color": "#ffffff" } 
    ] 
    },{ 
    "featureType": "administrative", 
    "elementType": "labels.text.stroke", 
    "stylers": [ { 
    "visibility": "simplified" } 
    ] 
    },{ 
    "featureType": "road", 
    "elementType": "geometry", 
    "stylers": [ { 
    "visibility": "off" } 
    ] 
    },{ 
    "featureType": "poi", 
    "elementType": "geometry.fill", 
    "stylers": [ { 
    "color": "#000000" }, { 
    "visibility": "simplified" } 
    ] 
    },{ 
    "featureType": "administrative.province", 
    "stylers": [ { 
    "visibility": "off" } 
    ] 
    },{ 
    "featureType": "road", 
    "elementType": "geometry.stroke", 
    "stylers": [ { 
    "color": "#ffffff" }, { 
    "weight": 2 }, { 
    "visibility": "off" } 
    ] 
    },{ 
    "featureType": "administrative.locality", 
    "stylers": [ { "visibility": "off" } 
    ] 
    },{ 
    "featureType": "road", 
    "elementType": "labels", 
    "stylers": [ { 
    "visibility": "off" } 
    ] 
    },{ 
    "featureType": "poi", 
    "stylers": [ { 
    "visibility": "off" } 
    ] 
    },{ 
    "featureType": "transit", 
    "stylers": [ { 
    "visibility": "off" } 
    ] 
    },{ 
    "featureType": "administrative.neighborhood", 
    "stylers": [ { 
    "visibility": "off" } 
    ] 
    } 
] 

Working Example/proof of concept (using above style)從文檔中this exmaple開始，顯然需要一些調整。僅供參考 - 您鏈接到的示例是一個自定義地圖類型Stamen Maps。