Baru-baru ini saya menemukan artikel menarik ini yang menunjukkan potensi menambahkan gaya khusus ke Google Maps. Beberapa contoh peta gaya dapat dilihat di sini dan Anda dapat mendesain sendiri dari awal di sini .
Saya ingin menerapkan tema 'greyscale' ke peta dasar OpenLayers saya:
Deskripsi gaya menurut demo Google akan terlihat seperti:
var styles = {
'Greyscale': [
{
featureType: 'all',
rules: [
{saturation: -100},
{gamma: 0.50}
]
}
]
}
Peta Google saya di OpenLayers saat ini terlihat seperti:
var gmap = new OpenLayers.Layer.Google("Google Streets",
{
'numZoomLevels': 20,
'sphericalMercator': true}
);
Bagaimana saya bisa menerapkan tema skala abu-abu ke peta saya?
openlayers-2
google-maps
Radek
sumber
sumber
Jawaban:
Tampaknya Anda dapat langsung mengakses objek googlemap menggunakan layer.mapObject .
Rujuk ke gmap API untuk menata layer: https://developers.google.com/maps/documentation/javascript/styling
Ini adalah contoh halaman kecil yang saya buat: http://www.intermezzo-coop.eu/mapping/styled_gmap.html
Lihat juga panduan googlemap: https://mapstyle.withgoogle.com/
sumber