Rumah > hujung hadapan web > tutorial css > Bagaimana untuk Membuat Tetingkap Maklumat Tersuai dengan Sudut Segi Empat dalam Peta Google?

Bagaimana untuk Membuat Tetingkap Maklumat Tersuai dengan Sudut Segi Empat dalam Peta Google?

Barbara Streisand
Lepaskan: 2024-11-04 07:48:30
asal
317 orang telah melayarinya

How to Create a Custom InfoWindow with Square Corners in Google Maps?

Membuat Tetingkap Info Tersuai dengan Sudut Segi Empat dalam Peta Google

Tetingkap Info lalai yang disediakan oleh Peta Google mempunyai sudut bulat, tetapi InfoWindows tersuai dengan segi empat sama sudut boleh dibuat menggunakan perpustakaan luaran.

Satu pilihan yang sangat disyorkan ialah perpustakaan InfoBubble daripada Peta Google:

  • Lawati https://github.com/googlemaps/js-info- bubble/blob/gh-pages/examples/example.html

Pustaka InfoBubble ini menyediakan InfoWindows yang boleh disesuaikan dengan sudut segi empat sama. Contoh pelaksanaannya boleh dilihat di tapak web Dive Seven untuk pengelogan selam skuba dalam talian, di mana ia kelihatan seperti ini:

[Imej InfoBubble tersuai dengan sudut segi empat sama]

Contoh lain dengan InfoWindows yang kurang menarik secara visual boleh didapati di sini.

Atas ialah kandungan terperinci Bagaimana untuk Membuat Tetingkap Maklumat Tersuai dengan Sudut Segi Empat dalam Peta Google?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan