谷歌地圖API - 灰度

-1

我有下面的代碼安裝到應用映射表中用於各種領域谷歌地圖API - 灰度

var locations = [ 
    ['Liver Office - Liverpool Office', 53.40529, -2.988801, 1], 
    ['Lond office - London Office', 51.515026, -0.086811, 2], 

]; 
function plotMap(loc) { 

var mapOptions = { 
    zoom: 17, 
    center: new google.maps.LatLng((locations[loc][1]), (locations[loc][2])), 
    stylers: [ 
    { saturation: -100 } // <-- THIS 
    ] 
}; 

var map = new google.maps.Map(document.getElementById('map'), 

    mapOptions); 

var marker = new google.maps.Marker({ 
    position: map.getCenter(), 
    map: map, 
    mapTypeControlOptions: { 
    mapTypeIds: [google.maps.MapTypeId.ROADMAP, 'tehgrayz'] 
    }, 
    icon: 'marketICO.png', 
    title: (locations[loc][0]) 
}); 

var infowindow = new google.maps.InfoWindow(); 
    google.maps.event.addListener(marker, 'click', (function(marker) { 
    return function() { 
     infowindow.setContent(locations[loc][0]); 
     infowindow.open(map, marker); 
    } 
    })(marker, loc)); 
} 

$('.livLink').click(function(){ 
    plotMap(0); 
}); 
$('.lonLink').click(function(){ 
    plotMap(1); 
}); 
    plotMap(0);

有沒有人設法讓自己的地圖灰階 - 我也曾有過一些嘗試 - 包括以上 - 但到目前爲止沒有運氣..

來源

2015-02-05 Dancer

我建議問第二個問題的第二個問題。你可能會得到更好的迴應。 – 2015-02-05 13:38:52

點 - 我已經打開了第二個問題 - http://stackoverflow.com/questions/28345745/google-maps-map-reload – Dancer 2015-02-05 13:54:37

您沒有正確應用樣式。

var styles = [{ 
    "stylers": [{ 
     "saturation": -100 
    }] 
}]; 

var mapOptions = { 
    zoom: 17, 
    styles: styles, 
    // your other options here 
};

在地圖選項

或者直接：

var mapOptions = { 
    zoom: 17, 
    styles: [{ 
     "stylers": [{ 
      "saturation": -100 
     }] 
    }], 
    // your other options here 
};

檢查這個漂亮的工具：http://gmaps-samples-v3.googlecode.com/svn/trunk/styledmaps/wizard/index.html

來源

2015-02-05 13:55:40 MrUpsidown

谷歌地圖API - 灰度

回答

相關問題