>  기사  >  웹 프론트엔드  >  Google 지도에서 정사각형 모서리 InfoWindows를 만드는 방법은 무엇입니까?

Google 지도에서 정사각형 모서리 InfoWindows를 만드는 방법은 무엇입니까?

DDD
DDD원래의
2024-11-04 07:24:30647검색

How to Create Square Cornered InfoWindows in Google Maps?

Google 지도에서 정사각형 모서리가 있는 사용자 정의 InfoWindows 만들기

Google 지도에서 지도 마커용으로 제공하는 기본 InfoWindow는 둥근 모양입니다. 보다 독특한 프레젠테이션을 위해 사각형 모서리가 있는 사용자 정의 InfoWindow를 생성하는 것이 더 나을 수 있습니다.

해결책:

GitHub 사용자 googlemaps는 js-info-라는 유틸리티를 개발했습니다. InfoWindows 사용자 정의를 위한 버블:

  • [GitHub 링크](https://github.com/googlemaps/js-info-bubble)

구현 예 :

GitHub의 예를 참조하여 자신의 코드에 적용하세요.

  • [맞춤형 InfoWindow 예](https://github.com/googlemaps/js -info-bubble/blob/gh-pages/examples/example.html)

다음은 사용자 정의된 InfoWindow의 스크린샷입니다.

[사각형 모서리가 있는 사용자 정의된 InfoWindow의 이미지]

추가 예:

  • [맞춤형 InfoWindows의 예](https://www.sitepoint.com/google-maps-custom-infowindows/)

이러한 예 중 일부는 제공된 스크린샷에 표시된 것만큼 미학적으로 만족스럽지 않을 수 있습니다.

위 내용은 Google 지도에서 정사각형 모서리 InfoWindows를 만드는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.