API를 사용하여 Google지도 앱에 맞춤 데이터 레이어를 추가하려면 어떻게해야하나요?

Question

Google지도 앱에 데이터 레이어/오버레이를 추가하고 싶습니다. 이 데이터 레이어는 사진, Wiki 페이지, 트윗 또는 기타와 같은 것일 수 있습니다. 예를 들어 MapMyPics을 살펴보십시오. 특정 영역을 확대하면 해당 위치의 데이터를 볼 수 있습니다. 축소 확대 기능을 사용하면 서버에서 관련 데이터를 가져 오는 아약스 호출이 발생한다고 생각합니다.

모든 자습서 또는 오픈 소스 프로젝트는 높이 평가됩니다.

Answer 1

링크는 절대 위치 지정 및 z 색인을 사용하여 css 및 div로 수행됩니다. 예를 들어, 구글지도에서 제공하는이 예를 살펴 :

https://developers.google.com/maps/documentation/javascript/examples/overlay-hideshow

는 구글의 직접적인 형제입니다 컨테이너를 매핑하는 #panel div에있다. 둘 다 body 요소의 자식입니다. #panel div의 CSS는 다음과 같습니다.

#panel { 
    background-color: #FFFFFF; 
    border: 1px solid #999999; 
    left: 50%; 
    margin-left: -180px; 
    padding: 5px; 
    position: absolute; 
    top: 5px; 
    z-index: 5; 
}