Bagaimana cara membuat gambar peta yang digariskan atau dengan mudah mengubah tangkapan layar Google Maps menjadi satu?

18

Saya mungkin bisa menemukan cara melakukannya, tetapi saya harus melakukannya, 30 di antaranya dan saya ingin belajar bagaimana membuatnya cepat dan tidak menyakitkan. Pikiran pertama saya menggunakan Live Trace di Illustrator, tapi saya belum terlalu bagus.

Pada dasarnya saya ingin jalanan berwarna hitam (dan pada ketebalan relatif yang sama) dan sisa peta menjadi putih.

Jawaban yang bagus bisa berupa tautan ke tutorial yang belum dapat saya temukan melalui pencarian Google (jika tutorial memberi saya informasi yang benar).

Saya cukup yakin saya meninggalkan beberapa informasi yang perlu Anda ketahui, jadi silakan minta klarifikasi dalam komentar. Perangkat lunak yang dipilih adalah Photoshop atau Illustrator CS6.

Bagaimana saya bisa membuat peta dengan gaya dan garis besar?

Zelbinian
sumber
1
Tidak begitu yakin tentang apa yang Anda inginkan, tapi mungkin ini bisa membawa Anda ke sana: gmaps-samples-v3.googlecode.com/svn/trunk/styledmaps/wizard/…
Joonas
1
Punya sedikit waktu di tangan saya, jadi saya pikir saya akan mencoba untuk melihat apakah saya mengerti apa yang Anda inginkan: bit.ly/Yv4rPw apakah ini? (Dibuat dengan penyihir Peta Bergaya yang ditautkan dalam komentar saya di atas yang satu ini)
Joonas
@zelbinian jika peta hitam dan putih tanpa gaya tanpa label yang Anda inginkan, periksa juga skrip Perl di tautan pertama pada jawaban saya - saya tidak menjelaskan secara terperinci karena sebagian besar desainer tidak membuat kode tetapi menilai dari apa yang Anda miliki akun stack overflow Anda seharusnya tidak memiliki masalah dengan itu. Ini dirancang untuk jenis jika output batch yang Anda inginkan.
user56reinstatemonica8
Jawaban ini mungkin menarik bagi Anda: graphicdesign.stackexchange.com/questions/31227/…
allcaps

Jawaban:

20

Wisaya Peta Bergaya (tautan) melakukan pekerjaan.

Itu memang memiliki instruksi yang cukup bagus yang muncul ketika Anda membuka situs web. Instruksi tersebut dapat diakses kapan saja dengan helptombol di bagian bawah panel Style Peta (ditunjukkan pada gambar di bawah).

Di bawah ini adalah gaya yang saya gunakan untuk membuat peta statis di sebelah kanan (dan di tautan ini ).

masukkan deskripsi gambar di sini masukkan deskripsi gambar di sini


Anda juga mungkin tertarik dengan ini.

Joonas
sumber
Kedua tautan saat ini mengarah ke keluaran, bukan panduan peta gaya. Juga, apa persyaratan lisensi yang dapat digunakan untuk menggunakannya? Terakhir kali saya memeriksanya (8 bulan lalu mungkin?), Halaman web apa pun yang menggunakan data Google Maps API tanpa lisensi komersial yang diperlukan untuk menggunakannya bersamaan dengan peta Google yang disematkan dengan logo dll. Menonjol - mungkin telah berubah.
user56reinstatemonica8
@ user568458 Terima kasih, perbaiki tautannya. developers.google.com/maps/faq#tos_mysite || developers.google.com/maps/terms ... dan terutama sejauh pertanyaan Anda tentang logo google, ya, logo perlu dijaga tetap utuh: developers.google.com/maps/terms#section_9_2 (9,4 Atribusi)
Joonas
Untungnya ini adalah proyek siswa jadi saya ditanggung. (Juga, saya dikaitkan.)
Zelbinian
17

Dengan asumsi tidak ada alasan mengapa itu harus menjadi peta yang dilindungi hak cipta Google yang Anda gunakan, saya akan menggunakan OpenStreetMap untuk ini (sumber Google Maps alternatif gaya open-wikipedia).

Mereka sebenarnya identik tetapi lisensi mereka ( Creative Commons Attribution-Sharealike ) secara eksplisit memungkinkan hal semacam ini termasuk untuk pekerjaan komersial, selama mereka dikreditkan dan Anda berbagi pekerjaan yang Anda buat dengan data mereka di bawah lisensi yang sama, sedangkan Google ketat tentang penggunaan peta mereka kecuali Anda membayar lisensi mahal.

Anda juga dapat menampilkan vektor , tetapi sisi buruknya adalah, seperti yang sering terjadi pada hal-hal sumber terbuka, tidak licin dan membutuhkan percobaan-dan-kesalahan agar semuanya berfungsi ...


Sunting: versi sebelumnya dari jawaban ini direkomendasikan menggunakan ekspor Open Street Map (OSM) ke alat PDF dan SVG. Saya sekarang merekomendasikan untuk tidak berkelahi dengan ini: mereka sampah. Tidak hanya file-file yang dihasilkan berantakan (lihat mengedit sejarah untuk contoh - dan yang terbaru bahkan tidak terbuka untuk saya), tetapi alat hampir tidak pernah berfungsi, gagal dengan pesan kesalahan menyesatkan putus asa tentang "beban server" terlalu tinggi ( <25), merekomendasikan untuk mencoba lagi dalam beberapa menit - tetapi beban server selalu jauh lebih dari 25 kecuali untuk beberapa jam di waktu malam Eropa (dan bahkan kemudian tidak semua hari).

Ada wiki dengan banyak opsi alternatif , tetapi semua yang saya coba ini tidak bekerja (banyak dari mereka), tidak bekerja untuk apa pun kecuali menutup beberapa jalan (MapOSMatic), memberikan gambar piksel kasar dalam PDF daripada vektor sebenarnya (Field Papers dan Walking Papers), atau di mana proses "instalasi" lebih seperti mengkonfigurasi seluruh server (kebanyakan dari mereka) ...

Namun ada satu proses yang tampaknya berhasil :

masukkan deskripsi gambar di sini

  1. Instal Maperitive ( instalasi gratis dan sederhana di Windows, memerlukan ketergantungan pada Mac / Linux).
  2. Ekspor area peta yang Anda inginkan dari Open Street Map. Anda mungkin perlu menggunakan salah satu tautan alternatif jika dikatakan area terlalu besar. Peringatan: untuk area yang lebih besar dari kota kecil, ukuran file tidak masuk akal. Level county adalah 300mbs +. Negara akan banyak gigabita. Ini memberi Anda setiap detail yang tidak perlu pada setiap tingkat zoom di bawah area yang Anda tentukan, dan sepertinya tidak ada fasilitas untuk mengubahnya. Jelas tidak ada seorang pun di OSM yang pernah mendengar peta county, peta negara atau peta wilayah.
  3. Buka di Maperitive. Anda mungkin perlu mengubah ekstensi file .osmsebelum dibuka
  4. Ubah aturan rendering (apa yang ditampilkan dan bagaimana) menjadi yang tidak gila.
    • Anda bisa mendapatkan sesuatu yang lumayan Map > Switch to rules > googlemaps
    • Atau, ada sejumlah besar penyesuaian yang dapat Anda lakukan jika Anda memiliki kesabaran untuk mengutak-atik kode Map > Edit rendering rules
  5. Gunakan Map > Set printing boundsuntuk mengatur area yang Anda inginkan (itu menciptakan kotak yang nyaris tak terlihat mengisi layar: zoom out dan / atau seret dari sudut), dan View > zoomuntuk mengatur level zoom. Segala sesuatu di luar "batas pencetakan" akan dipotong.
  6. Ekspor dengan Tools > Export as SVG (Adobe Illustrator)

Perhatikan bahwa jika Anda ingin vektor nyata, Anda harus mengunduh lalu membuka ekspor dari OSM daripada hanya menjelajah di peta default yang menunjukkan ketika Anda memuat Maperitive - selain itu ia akan memberi Anda SVG palsu yang penuh dengan bitmap berkualitas rendah yang dipotong-potong. .

Catatan lain - terkadang tidak benar-benar memperbarui file. Jika file tidak berubah, pastikan Anda tidak membuka apa pun, dan tunggu beberapa menit antara mengekspor dan membuka.

user56reinstatemonica8
sumber
4

Buka Peta Vektor

Selain saran-saran hebat yang telah disebutkan, lihat di http://openvectormaps.com . Saya membuat perpustakaan / direktori gratis, peta kota berkualitas tinggi yang dapat diedit dan berlapis. Pilih dari format file .SVG atau .AI untuk digunakan dalam Adobe Illustrator atau Inkscape.

Jeff
sumber
1
Selamat datang di GD. Kami selalu senang melihat pengguna baru, tetapi harap dipahami bahwa pengguna baru yang memposting tautan ke situs mereka biasanya ditandai sebagai spam dan downvoted, jadi meskipun jawaban Anda dapat membantu OP, orang lain mungkin menganggap tidak menyukai jawaban ini. Just an FYI ..
DᴀʀᴛʜVᴀᴅᴇʀ
Bagus, terima kasih sudah berbagi! Perlu dijelaskan bahwa ini pada dasarnya adalah direktori besar, peta statis berkualitas tinggi untuk kota-kota besar dunia dan lokasi utama lainnya.
user56reinstatemonica8
2
Sepertinya Anda mengekspor data dari Open Street Map dan menjualnya?
shuckc