Bagaimana cara meniru tampilan basemap skala abu-abu ini + rasakan di Google Maps


8

Saya suka desain di laman Pengembangan Seed , tempat mereka menggunakan basemap skala abu-abu dengan spidol grafis bergaya 3D yang tebal.

masukkan deskripsi gambar di sini

Tampaknya mereka telah menggunakan ModestMaps API untuk membuat basemap ubin pada berbagai resolusi, dengan teks dan gambar dibakar ke dalam basemap .

Saya ingin meniru tampilan + nuansa ini (untuk proyek pribadi, hanya untuk bersenang-senang) menggunakan alat yang tersedia secara bebas seperti Google Maps API. Saya membutuhkan kemampuan untuk mengubah penanda secara cepat, sehingga mereka perlu menggambar secara dinamis di atas peta dasar.

Apakah mungkin untuk mencapai latar belakang berbasis skala abu-abu yang serupa menggunakan Google Maps?

Dokumentasi Styling Google Maps API menunjukkan cara mengurangi saturasi peta topo, tapi saya tidak bisa melihat opsi untuk melakukannya dengan peta Terrain.

Saya pikir saya dapat meniru grafik tebal menggunakan sampel Ikon kompleks sebagai titik awal tetapi akan menerima saran.

Terima kasih


bekerja dalam proses di sini
Stephen Lead

Semua saran di bawah ini luar biasa, dan saya akan memberi mereka kesempatan ketika saya bisa - seperti saya katakan ini hanya proyek yang menyenangkan di samping ...
Stephen Lead

Jawaban:


5

Saya tidak tahu apakah ini akan membantu sama sekali, atau apakah Google maps mendukung lapisan ubin lainnya, tetapi ada proyek sumber terbuka (dan beberapa server ubin yang dapat diakses secara bebas) untuk membuat peta dasar.

http://acetate.geoiq.com/tiles/terrain/preview.html terlihat cukup dekat dengan apa yang Anda cari (walaupun tidak begitu baik).

Anda dapat memutar sendiri menggunakan sumber serta opsi tambahan. Lihat GitHub untuk semua info (termasuk struktur url untuk server ubin dan contoh-contoh yang sudah digulung).


2
saran yang bagus. google maps api memang mendukung lapisan ubin lain: code.google.com/apis/maps/documentation/javascript/…
Casey

5

Jika Anda merasa nyaman menggunakan data OpenStreetMap, Anda mungkin ingin melihat editor gaya peta CloudMade ; gaya di http://maps.cloudmade.com/?lat=39&lng=-89&zoom=4&styleId=28983 mungkin merupakan awal yang baik. Anda dapat mengkloning gaya itu dan mengeditnya untuk membuatnya lebih baik untuk kebutuhan Anda.

Saya tidak yakin apakah Anda dapat menggunakannya di Google Maps API, tetapi Anda pasti dapat menggunakannya dengan OpenLayers dan Leaflet.


1
Opsi ini tidak akan melakukan medan apa pun; hanya menguraikan negara (dan sebagian besar fitur fisik lainnya yang mungkin Anda inginkan, seperti jalan raya, & c.)
mattwigway

1
Bisakah Anda menggunakan CloudMade di Esri APIs?
Simon

2

Tidak, itu tidak mungkin - Google melisensikan dan menyajikan MapLink, Tele Atlas menaungi gambar dasar bantuan untuk Google Terrain MapType. Di V3 Google API, Anda sekarang dapat mendesain fitur Terrain MapType, tetapi data gambar dasarnya adalah elevasi campuran dan rendering vegetasi / penutup salju.

Anda dapat menghapus fitur dengan &style=feature:all|element:all|visibility:offgaya tipe peta Terrain. Tetapi Anda tidak dapat merender peta dasar menjadi skala abu-abu. Dan, seperti yang Anda temukan, pengaturan saturasi hanya menyesuaikan fitur, bukan gambar dasar.

Anda dapat mengganti google.maps.MapTypeId.ROADMAP dalam kode grayMapType Anda dengan tipe peta .TERRAIN tetapi Anda terjebak dengan peta dasar yang dianugerahkan bantuan warna abu-abu hijau jika terus menggunakan solusi Google Maps API.

Berikut adalah contoh yang terbaik yang bisa Anda lakukan dengan peta terrain relief yang disediakan Google , perhatikan bahwa nilai zoom berbeda dari nilai ROADMAP yang telah Anda gunakan.

Juga, Anda akan perhatikan bahwa orang-orang Seed Development menggunakan ubin gambar berdasarkan DEM dunia termasuk nilai batimetri dengan skrip FLash Peta Sederhana. Jika Anda ingin roll sendiri, Anda dapat mencoba varian SRTM30plus atau CleanTOPO . Tetapi Anda harus melakukan lebih banyak pekerjaan backend layanan pemetaan server web. Dan jika Anda sampai sejauh itu ke dalamnya, Anda mungkin ingin belajar bekerja dengan relief yang teduh .


2

tampak sangat mengerikan bagi saya seperti itu basemap adalah hillshade umum (dan cekatan diberikan), mungkin dibuat dengan menggabungkan banyak model elevasi digital dan set data raster bentik. Saya tidak memiliki cara samar tentang cara memformat atau memasang peta dasar seperti itu untuk digunakan di google maps, tetapi mungkin sesuatu seperti ini atau bahkan ini akan sangat membantu Anda.

semoga sukses dengan itu.


1
Jika Anda ingin membuat basemap hillshade Anda sendiri, Anda dapat memeriksa grass.osgeo.org/wiki/Global_datasets#Elevation_data untuk beberapa ide tempat mencari data.
mattwigway

1

Pertanyaan ini ditanggapi di Pusat Pemetaan ESRI

Saya telah mengutip bagian yang relevan dari jawaban di bawah ini:

Pertama, buat koneksi server ArcGIS melalui ArcCatalog ke server ArcGIS Online menggunakan url ini . Ini akan mencantumkan semua peta dasar sebagai layanan peta.

Selanjutnya, buat file geodatabase di komputer Anda dan catat lokasinya. Buat Dataset Mosaik. Saat membuat dataset mosaik, tetapkan sistem koordinat yang diproyeksikan ke WGS84 Web Mercator (Auxiliary Sphere) karena ini adalah proyeksi yang digunakan oleh peta dasar Esri. Setelah selesai, klik kanan dataset mosaik dan klik Add Raster - alat Add Raster to Mosaic Dataset akan terbuka. Di bawah jenis raster, pilih "layanan web" dan untuk penelusuran Input ke Server GIS yang Anda tambahkan di langkah pertama dan pilih layanan basemap yang ingin dikonversi menjadi skala abu-abu. Dalam hal ini, saya menambahkan layanan "World_Topo_Map". Klik OK dan ini akan menambahkan layanan peta topo dunia ke dataset mosaik dan itu akan ditambahkan ke daftar isi sebagai raster tiga pita.

Sekarang klik kanan Anda dataset mosaik di ArcCatalog dan klik Properties. Klik tab Functions pada dialog Properties, klik kanan fungsi Mosaic di bawah rantai fungsi dan arahkan kursor dengan mouse untuk memilih Insert dan kemudian pilih fungsi Grayscale. Ini akan membuka dialog properti fungsi Raster. Berikan bobot 0,33 untuk setiap band dan klik OK. Anda sekarang sudah siap dan basemap akan ditampilkan dalam skala abu-abu.



0

Saya melihat Anda menemukan solusi dengan peta abu-abu ESRI dan saya ingat bahwa peta unggulan pengembangan terlihat sangat bagus !!

Hanya untuk orang lain yang mungkin datang dengan pertanyaan ini, saya telah menemukan Snazzy maps www.snazzymaps.com sebagai cara mudah untuk menyesuaikan gaya google maps. Saya tidak bisa mendapatkan tampilan yang sama seperti peta seed dev tetapi saya harus mendapatkan sesuatu yang dekat saya pikir https://snazzymaps.com/style/65225/development-seed-look-alike

Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.