MAP 초기화시 기본 마커를 만들었지 만 마커가 콘텐츠를 표시하지 않습니까? 그것을 위해 무엇을 할 수 있습니까?

-1

지도 마커를 초기화 할 때 마커를 배치하고 싶습니다. 이지만 infowindow의 내용은 보이지 않습니다. JSFiddle.net과 동일한 코드가 작동합니다. 그것이MAP 초기화시 기본 마커를 만들었지 만 마커가 콘텐츠를 표시하지 않습니까? 그것을 위해 무엇을 할 수 있습니까?

function initialize() 
 
{ 
 
\t var map; 
 
\t var myCenter = new google.maps.LatLng(18.527362399999998,73.8783206); 
 
\t var mapProp = { 
 
    \t center:myCenter, 
 
    zoom:10, 
 
    mapTypeId:google.maps.MapTypeId.ROADMAP 
 
    }; 
 
    map = new google.maps.Map(document.getElementById("map-canvas"),mapProp); 
 
    addMarker(myCenter, 'Center of Map', map,"gg"); 
 
} 
 

 

 
function addMarker(latlng,title,map,info){ 
 
    var marker = new google.maps.Marker({ 
 
      position: latlng, 
 
      map: map, 
 
      zoom:12, 
 
      title: title, 
 
      draggable:true 
 
    }); 
 

 
    \t var infowindow = new google.maps.InfoWindow(); 
 
      //creating new infowindow 
 
    \t infowindow.close();//hide the infowindow 
 
     \t infowindow.setContent('Latitude: '); 
 
    \t infowindow.open(map,marker); 
 

 
}

<html> 
 
    <body onload="initialize()" style="background-color: #EFEFEF"> 
 
<div id="mapDiv" style="display: none;"> 
 
\t \t  \t <p>   
 
     \t \t \t \t <input type="text" size="60" id="mapAdd" name="address" /> 
 
     \t \t \t \t <input type="button" name="getLocation" value="Get Location" onclick="closeMap();"/> 
 
     \t \t \t </p> 
 
\t \t \t \t  <input type="text" id="lat"/> 
 
\t \t \t \t  <input type="text" id="lng"/> 
 
\t \t \t \t <div id="map-canvas"></div> 
 
\t \t \t </div> 
 

 
</body> 
 
</html>

출처

2014-11-28 Vishal

방금 작성한 정보 창을 닫을 필요는 없습니다. 열려있는 전화를 열 때까지 열리지 않습니다. – duncan

당신이 시도 할 수 있습니다 키 구글지도에 문제가 -

var infowindow = new google.maps.InfoWindow(
'content' : info 
);

InfoWindow을 만드는 동안 당신은이

을 info 변수를 사용하지 그러나 나는 볼 수있다. u를 setContent에 사용 했으므로 동일한 색인을 확인하십시오.

출처

2014-11-28 07:39:47 Pranav

문제 :

크기

에게 작업 코드가없는지도 :

function initialize() 
 
{ 
 
\t var map; 
 
\t var myCenter = new google.maps.LatLng(18.527362399999998,73.8783206); 
 
\t var mapProp = { 
 
    \t center:myCenter, 
 
    zoom:10, 
 
    mapTypeId:google.maps.MapTypeId.ROADMAP 
 
    }; 
 
    map = new google.maps.Map(document.getElementById("map-canvas"),mapProp); 
 
    addMarker(myCenter, 'Center of Map', map,"gg"); 
 
} 
 

 

 
function addMarker(latlng,title,map,info){ 
 
    var marker = new google.maps.Marker({ 
 
      position: latlng, 
 
      map: map, 
 
      zoom:12, 
 
      title: title, 
 
      draggable:true 
 
    }); 
 

 
    \t var infowindow = new google.maps.InfoWindow(); 
 
      //creating new infowindow 
 
    \t infowindow.close();//hide the infowindow 
 
     \t infowindow.setContent('Latitude: '); 
 
    \t infowindow.open(map,marker); 
 

 
}

<html> 
 
<script src="https://maps.googleapis.com/maps/api/js"></script> 
 
    <body onload="initialize()" style="background-color: #EFEFEF"> 
 
<div id="mapDiv"> 
 
\t \t  \t <p>   
 
     \t \t \t \t <input type="text" size="60" id="mapAdd" name="address" /> 
 
     \t \t \t \t <input type="button" name="getLocation" value="Get Location" onclick="closeMap();"/> 
 
     \t \t \t </p> 
 
\t \t \t \t  <input type="text" id="lat"/> 
 
\t \t \t \t  <input type="text" id="lng"/> 
 
\t \t \t \t <div id="map-canvas" style="height:500px; width:500px;"></div> 
 
\t \t \t </div> 
 

 
</body> 
 
</html>

을

출처

2014-11-28 12:18:43 geocodezip

MAP 초기화시 기본 마커를 만들었지 만 마커가 콘텐츠를 표시하지 않습니까? 그것을 위해 무엇을 할 수 있습니까?

답변

관련 문제