Pertanyaan Cara memasukkan googlemap dalam div dengan topeng


saya harus meletakkan peta google ke dalam div. Tidak masalah di sini ... masalahnya adalah saya harus menutupi div ini. Saya harus memiliki peta google melingkar yang bisa saya navigasi!

saya coba Tolong tolong?enter image description here


4
2018-06-13 14:45


asal


Jawaban:


Dengan API Maps, buat a Poligon yang mencakup semuanya kecuali lingkaran.

Untuk membuat lingkaran yang tidak menunjukkan segmen garis di setiap tingkat zoom menantang, tetapi perkiraan dengan tampilan melingkar yang masuk akal harus dimungkinkan.

Sebagai alternatif, Anda dapat memperluas kelas OverlayView untuk membuat jenis overlay kustom yang menunjukkan lingkaran dengan tepi yang lebih halus. Tetapi ini akan menjadi lebih banyak pekerjaan.


1
2018-06-23 14:15



Salah satu solusinya adalah menggunakan jquery untuk mendapatkan koordinat absolut (x, y) dari setiap peta, dan menempatkan div dengan latar belakang png di atasnya, dengan memposisikan div secara absolut.


0
2018-06-13 14:52



Saya cukup yakin ini tidak mungkin saya khawatir - jika Anda meletakkan sesuatu di atas peta (bahkan jika itu transparan) itu akan mencegah Anda berinteraksi dengan peta - karena Anda akan mengklik pada div itu, daripada di peta. Juga IE tampaknya memiliki beberapa masalah dengan peta google masking.

Anda bisa memiliki overlay yang menghilang ketika Anda mendekatinya, menggunakan jquery atau: hover clss untuk memindahkannya ke indeks z negatif, tetapi saya benar-benar tidak berpikir Anda dapat melakukan apa yang perlu Anda lakukan.

(ps - Saya mencoba mengomentari jawaban di atas - tetapi untuk beberapa alasan saya tidak bisa - maaf untuk jawaban baru)


0
2018-06-22 08:53