한 페이지에 여러 Google지도 인스턴스가 있습니다.

Google지도를 통해 좌표를 미리 볼 수있는 양식이 있습니다. 사용자는 여러 좌표 세트를 동적으로 폼에 추가 할 수 있습니다. 좌표의 양은 가변적입니다.한 페이지에 여러 Google지도 인스턴스가 있습니다.

Google지도의 여러 인스턴스를로드하는 것과 관련이 있다고 생각하는 코드로 변수를 반복합니다. 첫 번째지도는 잘로드되지만 두 번째지도는 맨 왼쪽 구석에 하나의 타일 만로드합니다. 양식의 좌표를 업데이트하면 모든지도가 맨 왼쪽 구석에 하나의 타일 만 표시합니다.

   while (tempClone != cloneCount) { 
var lat_lng = new google.maps.LatLng(lat, lng);    

       options = { 
        zoom: 14, 
        center: lat_lng, 
        panControl: false, 
        zoomControl: false, 
        mapTypeId: google.maps.MapTypeId.TERRAIN 
       }; 

       map[tempClone] = new google.maps.Map(document.getElementById("map"+tempClone), options); 

       var infowindow = new google.maps.InfoWindow({ 
        content: inputBL[tempClone][0][1] + 'Entrance' 
       }); 

       marker[tempClone] = new google.maps.Marker({ 
        position: lat_lng, 
        map: map[tempClone], 
        title: inputBL[tempClone][0][1] 
       }); 
}

도움 주셔서 감사합니다! 아론

출처

2012-04-23 Ratty

라이브 코드에 대한 링크를 게시하거나 JSFiddle에 링크를 붙여 문맥에서 볼 수 있습니까? 코드의 일부만 디버깅하는 것은 어렵습니다. –

그래, 나는 약간의 바이올린을 얻으려고 노력할 것이다. 감사. – Ratty

안녕하세요, Mano, 오래 기다려서 죄송합니다. 프로젝트를 외부 서버에만 업로드 할 수 있습니다. jsfiddle에서 문제를 에뮬레이션 할 수 없기 때문에 도움이되기를 바랍니다. 링크는 다음과 같습니다 : http://s401600969.onlinehome.us/testing/yii-front/index.php/reportForm/create 잘하면, 그게 무슨 일이 일어나고 있는지에 대한 더 나은 아이디어를 제공합니다. 이슈는 동굴 입구에 있습니다. 좌표 (Degrees 또는 Decimal)를 입력 한 후 이미지를 잘 보여줍니다. 입구를 다시 편집하면 올바르게 표시되지 않습니다. 다음은 몇 가지 좌표 예입니다. 59.32522, 18.07002 도움이 필요하시면 다시 한 번 감사드립니다! – Ratty

지도 크기를 조정하는 데 문제가있는 것 같습니다. 지도 컨테이너의 크기가 변경되면이 문제가 발생합니다. 지도를 표시 한 후 크기를 조정 해 볼 수 있습니까?

출처

2012-04-25 00:45:48 Rick

나는 <3 너. 나는 그것이 불덩이를 위아래로 움직일 때마다 문제를 바로 잡았을 때마다 새로 고침 문제와 관련이 있다고 생각했다. 그러나 그것이 확실한 문제인지 아닌지 나는 알지 못했다. 이제 수정되었습니다. 당신의 도움을 주셔서 감사합니다! =) – Ratty

한 페이지에 여러 Google지도 인스턴스가 있습니다.

답변

관련 문제