2017-10-30 1 views
-1

Google 정적지도에 맞춤 텍스트를 추가 할 수 있습니까? 다음과 같이 내가 정적 구글을 사용하고Google지도에 맞춤 텍스트를 정적으로 추가 하시겠습니까?

: 그래서 여기

https://maps.googleapis.com/maps/api/staticmap?&zoom=7&text=testcenter=51.45400691005982,-4.4439697265625&size=600x600&maptype=roadmap&key=key&path=xxx,yyy 
+0

맞춤 텍스트 란 무엇입니까? 맞춤 마커 텍스트? 주소가있는 텍스트 오버레이? "XX의지도"라고 쓰여진 제목 오버레이? – Luke

+0

아니요, 텍스트 문자열입니다. – MMSA

+0

내가 왜 아래로 표시하고 있는지 잘 모르겠습니까? 내 질문은 분명히 "사용자 정의 텍스트"마커 또는 다른 텍스트, 그냥 텍스트 제목 "오버레이"그 텍스트가 될 수 있습니다 다음 예? – MMSA

답변

0

확인 일, 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; 
} 

피들에서 테스트 한 결과 정상적으로 작동합니다. 희망이 도움이!

+0

고마워, 루크,하지만 정적 이미지를 다운로드하거나 PHP로 저장할 때 저장되지 않나요? – MMSA

+0

아니요. DOM 조작 만 가능합니다. 나는 (저장 한) 심상을 변경하는 어떤 경험도 없었다. 그러나 제한된 노출로 나는 IMagick이 조사 할 가치가 있다고 확신한다. 이 링크를 확인하십시오 : https://stackoverflow.com/questions/6021894/draw-text-with-custom-font-using-imagemagick-and-php – Luke

관련 문제