확인 일, Google지도 정적은 본질적으로 이미지와 DOM을 채 웁니다. 이 이미지의 특성을 수정할 수는 있지만 Google에서 제공되며 DOM에서는 수정할 수 없습니다. 사용자가 볼 수있는 것이 전부입니다. 텍스트를 오버레이하려면 텍스트를 배치 할 다른 div 안에 맵 div를 삽입해야합니다.
기본적으로는 다음과 같아야합니다
<div class="wrapper">
<div id="googleMap">
<img src="https://maps.googleapis.com/maps/api/staticmap?center=Berkeley,CA&zoom=14&size=400x400">
</div>
<div id="mapText">
<span>THIS IS YOUR TEXT</span>
</div>
</div>
은 그럼 당신은 정확히 어디에서 어떻게이 텍스트가지도에 오버레이를 표시 할 스타일을 CSS를 사용할 수 있습니다.
.wrapper {
position: relative;
}
#mapText {
position: absolute;
bottom: 50%;
font-family: sans-serif;
font-size: 30px;
color: red;
}
피들에서 테스트 한 결과 정상적으로 작동합니다. 희망이 도움이!
맞춤 텍스트 란 무엇입니까? 맞춤 마커 텍스트? 주소가있는 텍스트 오버레이? "XX의지도"라고 쓰여진 제목 오버레이? – Luke
아니요, 텍스트 문자열입니다. – MMSA
내가 왜 아래로 표시하고 있는지 잘 모르겠습니까? 내 질문은 분명히 "사용자 정의 텍스트"마커 또는 다른 텍스트, 그냥 텍스트 제목 "오버레이"그 텍스트가 될 수 있습니다 다음 예? – MMSA