대화식지도를 삽입하는 방법은 무엇입니까?

Question

나는 내 웹 사이트에 GoogleMap으로를 사용하는 것을 시도하고있다 : I 버튼 클릭 이벤트에이 함수를 호출하고

  function InsertMap() 
      { 
       var map; 
       var op = { 
        zoom: 10, 
        center: new google.maps.LatLng(-34.397, 150.644), 
        mapTypeId: google.maps.MapTypeId.ROADMAP 
       };      
       map = new google.maps.Map(document.getElementById('id'), op); 
      } 

. 하지만 내 문제는 그것이 대화식지도 대신 정적지도 (단일 이미지)를 삽입한다는 것입니다. 나는 IsStaticMap : false도 시도했지만 작동하지 않았고 내가했을 때 정적도 대화 형도 보이지 않았습니다. 도와주세요!

Answer 1

jQuery를 사용하여 구현하는 것이 도움이 될 수 있습니다. 소스 코드와 데모가 포함되어 있습니다!

이 내가 일반적으로 사용하는 것입니다 http://www.position-absolute.com/articles/create-an-interactive-google-map-widget-with-a-list-filter-and-a-map-helper-class/는

Answer 2

, 좋은 작품! 요구 사항에 따라 편집 할 수 있습니다.

<iframe 
    width="425" 
    height="350" 
    frameborder="0" 
    scrolling="no" 
    marginheight="0" 
    marginwidth="0" 
    src="http://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=San%2BFrancisco%2C%2BCalifornia(HEY%21)@37.774930,-122.419416&ie=UTF8&z=12&t=m&iwloc=addr&output=embed"> 
    </iframe> 

<br> 

<table 
    width="425" 
    cellpadding="0" 
    cellspacing="0" 
    border="0"> 
    <tr> 
    <td align="left"> 
     <small><a href="http://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=San%2BFrancisco%2C%2BCalifornia(HEY%21)@37.774930,-122.419416&ie=UTF8&z=12&t=m&iwloc=addr">View Larger Map</a></small></td><td align="right"><small><a href="http://www.github.com/dtx">my git!</a></small></td></tr> 
</table> 
</div> 

DEMO HERE