2012-05-23 3 views
2

내 사이트에 Google지도가 내장되어 있지만 정보 풍선의 이름을 '주소'이외의 다른 이름으로 변경하고 싶습니다. 그것이 말하는 있도록 그 거품을 변경 내가 you have to build your own JavaScript page을 알고에서삽입 된 Google지도 정보 거품의 위치 이름 변경

<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=One+Exchange+Plaza,+26th+Floor+New+York,+NY+10006&amp;aq=&amp;sll=37.0625,-95.677068&amp;sspn=39.371738,86.572266&amp;ie=UTF8&amp;hq=&amp;hnear=1+Exchange+Plaza,+New+York,+10006&amp;t=m&amp;z=14&amp;ll=40.706793,-74.012592&amp;output=embed"></iframe><br /><small><a href="http://maps.google.com/maps?f=q&amp;source=embed&amp;hl=en&amp;geocode=&amp;q=One+Exchange+Plaza,+26th+Floor+New+York,+NY+10006&amp;aq=&amp;sll=37.0625,-95.677068&amp;sspn=39.371738,86.572266&amp;ie=UTF8&amp;hq=&amp;hnear=1+Exchange+Plaza,+New+York,+10006&amp;t=m&amp;z=14&amp;ll=40.706793,-74.012592" style="color:#0000FF;text-align:left">View Larger Map</a></small> 

답변

0

를 '스마트 사람들이 여기서 일'다음 링크에서 정보 거품 '주소'를 변경하고 싶습니다. 기본 API 구성 요소 만 사용하지만 아직 단일 마커에 대한 번거 로움이라고 생각합니다. 장점은 사용자 정의가 가능하다는 것입니다. 나는 방향과 검색 링크를 제외하고 원본을 복사하려고 시도했습니다. 당신이 2016 년이 글을 읽고 있다면

<!DOCTYPE html> 
<html> 
    <head> 
    <style type="text/css"> 
     html, body { margin: 0; padding: 0; height: 100% } 
     #infoContents { color: blue; font-family: Arial, sans-serif; font-size: 12px } 
    </style> 
    <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script> 
    <script type="text/javascript"> 
     var map; 
     var spot = new google.maps.LatLng(40.706793,-74.012592); 
     var mapCenter = new google.maps.LatLng(40.712583,-74.00933592); 
     var mapOptions = { center: mapCenter, zoom: 14, 
     mapTypeId: google.maps.MapTypeId.ROADMAP }; 

     function initialize() { 
     map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions); 
     var iconShadow = new google.maps.MarkerImage(
      "http://www.google.com/mapfiles/ms/micons/msmarker.shadow.png", 
      new google.maps.Size(59,32), 
      new google.maps.Point(0,0), 
      new google.maps.Point(15,32)); 

     var marker = new google.maps.Marker({ 
      map: map, 
      position: spot, 
      icon: "http://www.google.com/mapfiles/markerA.png", 
      shadow: iconShadow 
     }); 

     var infowindow = new google.maps.InfoWindow({ 
      content: '<div id="infoContents"><b style="font-size: 16px">I am so Smart</b><br><br>1 Exchange Plaza<br>New York, NY 10006</div>' 
     }); 

     infowindow.open(map, marker); 
     } 

     google.maps.event.addDomListener(window, 'load', initialize); 
    </script> 
    </head> 
    <body> 
    <div id="map_canvas" style="width: 425px; height: 350px;"></div> 
    </body> 
</html> 
+0

내 첫 번째 시도 Google지도 API의 3.0 버전을 사용했습니다하지만 그것은 단지 받아들이 long/lat 좌표, 주소가 아닙니다. 내 사이트에서 사용자는 회사 등의 주소를 입력 할 수 있습니다. 나중에 사용자는 회사 목록을 클릭하고 위치의지도를 포함하여 목록의 세부 정보를 볼 수 있습니다. 위치의지도를 얻기 위해 주소를 URL에 넣을 수 있다는 것을 깨달았을 때이 방법으로 전환했습니다. 귀하의 예제에서, 나는 다시 한 번 주소의 long/lat를 검색해야 할 것입니다. – CampSoup1988

+0

맞습니다. 주소를 API가있는 장소에 연결하려면 지오 코딩이 필요합니다. 질문의 원래 의도대로 정보 거품을 변경하는 데에만 관심이있었습니다. maps.google.com 퍼가기로 그렇게하는 방법을 모르겠습니다. –

+0

분명히하지 못해 죄송합니다. API가 주소를 수락하지 않는 경우에만 길/위도가 아닌 – CampSoup1988

0

하면 Google 내지도와지도를 작성하고 시간을 절약 할 수 있습니다) 매핑에서

+3

질문에 대한 대답을 자세히 설명해주십시오. – JAL