구글맵 예제

최근에 나는 구글지도 자바 스크립트 API를 처음으로 사용하게되었는데, 이는 매우 즐거운 경험이었습니다. API는 철저하게 문서화되어 있으며 방금 사용한 대부분의 부품이 첫 번째 시도에서 작업했습니다. 이 게시물은 추가 된 몇 가지 추가 물건과 함께 웹 페이지에 동적지도를 표시하기 위해 Google지도 API를 사용하는 것이 얼마나 쉬운지 보여주려고합니다. 부트 스트랩 구글지도는 사용자가 정의 한 영역의지도를 표시하는 구성 요소입니다. 맵은 양식 및 모달과 같은 구성 요소에서 사용할 수 있습니다. 표식 위치를 맵의 중심과 동일한 좌표로 설정하고 클릭할 수 없는 좌표로 설정합니다(현재). 맵과 마찬가지로 마커에 설정해야 할 다른 속성이 꽤 많습니다. 마커에 대한 클릭 이벤트와 같은 많은 이벤트도 있습니다. 이제 우리는이 있다: 기본 Google 지도 컨트롤을 제외 하 고 그것에 추가 아무것도 없는 지도. 나는 당신의 기사를 주셔서 감사합니다.

나는 일종의 기술에 대해 알고 있지만, 나는 포인트에 대한 포인트를 설명하는 예를 좋아한다. 하나는 그것에서 많은 것을 배운다. @Anup 내 예제 코드에서 addMarker에 대한 모든 호출은 맵에 새 마커를 배치하지만 코드는 하나의 InfoWindow만 추적합니다. infoWindowVisible 함수의 정의에서 즉각적인 함수 호출을 제거 하면 다음과 같은: 좋은 기사, 대단히 감사합니다. 나는 가이드로 예제를 사용하여 많은 시간을 절약 할 수 있도록 노력하겠습니다. Google 지도를 대신하지 마세요. 앱의 주요 목적이 내비게이션, 비즈니스 디렉토리 또는 범용 `지도 앱`인 경우 Google 지도를 대신할 수 있습니다. 프로젝트에 Google 맵을 구현하는 것은 매우 쉽습니다. Maps JavaScript API 설명서 세트에 포함된 모든 예제는 빠른 참조를 위해 아래에 나열되어 있습니다. 2018년 7월 16일부터 Google 지도 기능을 사용하려면 API 키가 필요합니다. API 키를 얻으려면 여기를 클릭하십시오 HTML 페이지로 시작해 봅시다. 지도 API 외에도 jQuery 라이브러리 (거의)만 사용합니다.

jQuery 및 Maps API src 특성(예: „//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js”)에서 프로토콜 사양을 제거할 수 있으며 SSL 의 유무에 관계없이 원활하게 작동합니다. 파일 프로토콜과 함께 작동할 수 있도록 여기에 보관하고 있습니다. 게시된 웹 페이지에서 Maps API 스크립트를 로드할 때 요청에 API 키도 포함해야 합니다. 쓰기 시 릴리스 버전(기능 안정)인 버전 3.7이 여기에 사용됩니다. 이제 맵을 페이지에 로드하려면 자바스크립트가 필요합니다. 개체 맵옵션에는 맵 속성이 포함되어 있으며, 이 경우 필수 속성만 포함됩니다.

Kategória: Egyéb kategória

Írta: Gabor