1
누군가 제발 나를 도울 수 있는지 궁금합니다.Infowindow에 이미지를 동적으로 추가하십시오.
나는 아래의 코드를 사용하여 현재 '위치'와 '사용자'ID에 해당하는 HTML 페이지로 이미지를로드하고 있습니다.
<div id="galleria">
<?php
$dirlist = getFileList($galleryPath, true);
$x = 0;
foreach($dirlist as $file) {
if((preg_match("/\.jpg$/", $file['name'])) or (preg_match("/\.jpeg$/", $file['name'])) or (preg_match("/\.png$/", $file['name'])) or (preg_match("/\.bmp$/", $file['name'])) or (preg_match("/\.gif$/", $file['name']))) {
echo "<img src='{$file['name']}' />";
$x = 1;
}
}
if ($x == 0) {
echo "<img src='images/noimage.jpg' />";
}
?>
</div>
괜찮 으면 작동하지만이 두 가지 측면에서 어려움을 겪고 있습니다. 첫 번째 이미지 만 표시하고 기본 페이지가 아닌 'Infowindow'에 이미지를 넣으려고합니다. 그러나 나는 절대적으로 정직해야하며 어디서부터 시작해야할지 모르겠습니다. 이 시점에 도달하는 데는 며칠이 걸렸습니다.
아래 코드는 마커 및 Infowindow를 생성하는 스크립트에서이라는 내용의 입니다.
downloadUrl("loadlocationfinds.php?locationid=<?php echo $lid?>", function(data) {
var xml = data.responseXML;
var markers = xml.documentElement.getElementsByTagName("marker");
var bounds = new google.maps.LatLngBounds();
for (var i = 0; i < markers.length; i++) {
var findid = markers[i].getAttribute("findid");
var locationid = markers[i].getAttribute("locationid");
var findosgb36lat = markers[i].getAttribute("findosgb36lat");
var findosgb36lon = markers[i].getAttribute("findosgb36lon");
var findcategory = markers[i].getAttribute("findcategory");
var point = new google.maps.LatLng(
parseFloat(markers[i].getAttribute("findosgb36lat")),
parseFloat(markers[i].getAttribute("findosgb36lon")));
var html = "<span class='h3 orange'><strong>" + 'Item Found: ' + "</strong></span><br>" + finddescription + "<br>";
var icon = customIcons[findcategory] || {};
var marker = new google.maps.Marker({
map: map,
position: point,
title: 'Click to view details',
icon: icon.icon,
shadow: icon.shadow,
formfindosgb36lat: findosgb36lat,
formfindosgb36lon: findosgb36lon,
formfindcategory: findcategory,
});
bounds.extend(point);
map.fitBounds(bounds);
bindInfoWindow(marker, map, infoWindow, html);
google.maps.event.addListener(marker, "click", function() {
document.getElementById('findosgb36lat').value = this.formfindosgb36lat;
document.getElementById('findosgb36lon').value = this.formfindosgb36lon;
document.getElementById('findcategory').value = this.formfindcategory;
});
}
});
}
function bindInfoWindow(marker, map, infoWindow, html) {
google.maps.event.addListener(marker, 'click', function() {
infoWindow.setContent(html);
infoWindow.open(map, marker, html);
});
}
난 그냥 사람이 제발 좀 봐 할 수 있습니다 여부를 궁금해하고 나는 단지 'Infowindwow'내 첫 번째 이미지를 보여줄 수 있어요 있도록 약간의 도움을 제공합니다.
많은 감사와 친절한 안부
안녕하세요 @ david strachan, 내 게시물에 회신하는 시간을내어 주셔서 감사합니다. 내 'var HTML'행을 변경했습니다 : 'var html = "'+' 항목을 찾았습니다 : '+ "
"+ finddescription + "
"; html + = ""alt = \ "My Image \"height = \ "y \"width = \ "x \">
" 그러나 맵이 더 이상 생성되지 않았으므로 페이지. 나는 잘못 갔던 곳에 대한 지침을 제공 할 수 있을지 궁금해했다. 많은 감사와 친절한 생각. – IRHM
안녕하세요 @ david strachan. 나는 당신에게 최신 소식을 전하고 싶었다. 이미지를 Infowindow로 가져올 수는 있지만 이미지의 크기를 조정할 수 없습니다. 내 'Var HTML'행은 다음과 같습니다 : var html = "'+' : '+ "
"+ finddescription + "
"; html + = " php echo" "? height = \"10px \ ">
" 나는이 부분을 좀더 들여다 볼 수 있는지, 내가 잘못 가고있는 방향에 대해? 많은 감사와 친절한 답변 – IRHM
나는 오타에 대해 게시하려고했으나 나를 괴롭혔다. 'height = \ "10px \"width = \ "10px \"를 다른 값으로 변경하지 마십시오 –